3

これは、私のページで使用している ListBox の Razor 構文です。高さと幅を設定するにはどうすればよいですか? ここで、noCategories は Controller からの View データです。

$ @Html.ListBox("noCategories");

コントローラ：

    public ActionResult Configure(int? nopCategoryid)
    {
        model = new DataImporttModel();

        DisplaynopCommerceCategories(model, nopCategoryid);

        return View("Nop.Plugin.Data.Import.Views.DataImport.Configure", model);

    }


    private void DisplaynopCommerceCategories(DataImporttModel model, int? nopCategoryid)
    {
        var _categoryservice = new NopEngine().Resolve<ICategoryService>();

        MultiSelectList sl;

        model.nopCommerceCategories = new List<CS_ListItems>();

        foreach (var item in _categoryservice.GetAllCategories().ToList())
        {
            model.nopCommerceCategories.Add(new CS_ListItems() { Name = item.Name, ID = item.Id });
        }

        if (nopCategoryid != null)
        {

            sl = new MultiSelectList(model.nopCommerceCategories, "ID", "Name", new[] { nopCategoryid });
        }
        else
        {
            sl = new MultiSelectList(model.nopCommerceCategories, "ID", "Name");
        }

        ViewData["nopCommerceCategories"] = sl;

    }

public class DataImporttModel
{        
    public List<C_Category> Mappings { get; set; }

    public List<CS_ListItems> ClockCategories { get; set; }

    public List<CS_ListItems> nopCommerceCategories { get; set; }
}
4

1 に答える 1

10

それにクラスを適用してから、CSS でスタイルを設定できます。

@Html.ListBox("noCategories", ViewData["nopCommerceCategories"] as MultiSelectList, new {@class = "mylistbox"});

CSS

.myclass{
    width: 100px;
}

または、インラインでスタイルを設定できます。

@Html.ListBox("noCategories", ViewData["nopCommerceCategories"] as MultiSelectList, new {@style = "width: 100px;"});
于 2013-04-26T06:53:11.010 に答える