分类导航

jQuery 发布时间：2022-03-30 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了jquery-mobile – 使用Jquery mobile的ListView中的复选框，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

@H_616_1@

我开始学习 HTML5和CSS(使用 @L_874_1@ MobilE),因为我在这个领域没有太多的背景,所以我很容易陷入困境.
我想在列表视图中放置一个复选框(每个li).
我该怎么做才能看起来像这样：
http://a4.mzstatic.com/us/r1000/095/Purple/ff/1d/33/mzl.ecpvufek.320×480-75.jpg
(我的意思是复选框位于其他文本的左侧,所有).

目前,我的代码是：http://jsfiddle.net/AzN7S/
正如你可以看到复选框位于文本上方,即使是带有浮点数的div：在第二个li中左侧,它也不起作用:(

你能帮我吗？
非常感谢你的回答,对不起我的英语^^

祝你有美好的一天.

奥利维尔.

编辑：

我终于成功地在右侧部分的左侧添加了一个复选框.
我更新了我的例子：http://jsfiddle.net/AzN7S/2/
我不知道它是否是正确的@L_772_10@,但它的工作原理:)

解决方法

我重新考虑了我的旧答案并重新解决了问题,特别是为了适应mvc 4框架,但客户端都是一样的.
让我们开始：
如果你只是想要html,你可以在这里得到它
此链接是一个3部分复选框列表,复选框,项目链接和信息弹出窗口：

Here is the link to jsfiddle for working listview with checkbox AND icon

iv最后添加了2个部分列表框和单个部分,如有任何问题请告诉我.

现在,对于控制器,您需要做的就是

[Authorize]
public ActionResult Items(String act,String tab,String search_by,String search,String sort,String sortdir,int? page,int? resultsPerPage,List<int> SELEcted,int? projectId,String userName)
{
    if (act == "AddItemsToUser")
    {
        String response;
        if (SELEcted != null)
        {
            response = "Project Items Added:";
            foreach (var item in SELEcted)
            {
                try
                {
                    if (username != null)
                        if (UserItemRecordModel.InsertUserItem(username,item,null,null))
                            response += item + " - inserted,";
                }
                catch (Exception eX)
                {
                    response += item + " - " + ex.message + ",";
                }
            }
            response.TrimEnd(' ',',');
        }
        else
        {
            response = "No Items Were SELEcted!";
        }
        return Json(response,JsonrequestBehavior.AllowGet);
    }
    else if (act == "AddItemsToProject")
    {
        String response;
        if (SELEcted != null)
        {
            response = "Project Items Added:";
            foreach (var item in SELEcted)
            {
                try
                {
                    if (projectId != null)
                        if (ProjectItemRecordModel.InsertProjectItem(projectId.ToString(),JsonrequestBehavior.AllowGet);
    }
    else if (act == "RemoveItemsFromUser")
    {
        String response;
        if (SELEcted != null)
        {
            response = "Project Items Removed:";
            foreach (var item in SELEcted)
            {
                try
                {
                    if (UserItemRecordModel.deleteUserItem(username,item))
                        response += item + " - deleted,JsonrequestBehavior.AllowGet);
    }
    else if (act == "RemoveItemsFromProject")
    {
        String response;
        if (SELEcted != null)
        {
            response = "Project Items Removed:";
            foreach (var item in SELEcted)
            {
                if (ProjectItemRecordModel.deleteProjectItem(projectId.ToString(),item))
                    response += item + " - deleted,";
            }
            response.TrimEnd(' ',JsonrequestBehavior.AllowGet);
    }

    List<ItemRecordModel> items = ItemRecordModel.GetSensors(search_by,search,sort,sortdir);
    return View("Items",new AdminRecordsviewmodel() { Records = items });
}