1

jQueryモバイルリストビューに添付されている画像のようなレイアウトを取得しようとしています。現在、星の画像でクラス.ui-li-iconを使用していますが、独自のcss属性で位置を上書きしても、右側にログが表示されません。

もちろん、位置によって星を右側に強制することもできます。ただし、これにより、さまざまなプラットフォームで、ランドスケープモードとポートレートモードの間で問題が発生します。

jQuery mobileで以下のようなレイアウトを取得するための最良の方法は何ですか？

画像：http ：//a4.mzstatic.com/us/r1000/095/Purple/ff/1d/33/mzl.ecpvufek.320x480-75.jpg

4

2 に答える 2

2

私は古い答えを再考し、特にmvc 4フレームワークに合うように問題を再実行しましたが、クライアント側はすべて同じです。
では、始めましょ
う。HTMLが必要な場合は、ここで取得できます。
このリンクは、3つの部分からなるチェックボックスリスト、チェックボックス、アイテムへのリンク、および情報ポップアップへのリンクです。

チェックボックスとアイコンを使用してリストビューを操作するためのjsfiddleへのリンクは次のとおりです

iv最後にいくつかの2つの部分のリストボックスと1つの部分を追加しました。質問がある場合は、私に知らせてください。

コントローラーの場合、必要なのは 

[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, 0, 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(), item, null, null, 0, 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 == "RemoveItemsFromUser")
    {
        string response;
        if (selected != null)
        {
            response = "Project Items Removed:";
            foreach (var item in selected)
            {
                try
                {
                    if (UserItemRecordModel.DeleteUserItem(username, item))
                        response += item + " - deleted, ";
                }
                catch (Exception ex)
                {
                    response += item + " - " + ex.Message + ", ";
                }
            }
            response.TrimEnd(' ', ',');
        }
        else
        {
            response = "No Items Were Selected!";
        }
        return Json(response, 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(' ', ',');
        }
        else
        {
            response = "No Items Were Selected!";
        }
        return Json(response, JsonRequestBehavior.AllowGet);
    }

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

これは私の古い答えでした：
私はあなたがいくつかのものを変更する必要があるあなたの問題を解決しました、しかしあなたは次のようなチェックボックスで検索可能なリストビューを達成することができます：

jsfiddleの例：

基本： 基本的なjsfiddleバージョン

より良いバージョン： より良いバージョン

チェックボックスとアイコンまたは画像を含むjqueryモバイルリストビュー

于 2012-12-27T23:44:07.800 に答える
0

これらのリンクを調べてください。

リストビューのドキュメントを調べる：

于 2012-06-12T20:49:52.317 に答える