在Razor中使用SelectList

本文关键字：SelectList Razor | 更新日期: 2023-09-27 18:02:56

我的数据库包含两个表，一个表包含我的类型，另一个主表用于UI，其中一些数据具有myid列，来自我的类型。

   myTable
**myid   myname**
1    firstname
2    x-name
99   randomename
 ....
mastertable used in view
id  onecol  twocol refcol <- col is refering mytable
1     xyz    abc   2        <-value 2 is myid of mytable

…鉴于，我需要显示所有的myName而不是Id，但用Id更新主表。所以我设置如下:-

我的控制器在asp.net中设置了一些SelectList并传递给ViewBag，如

ViewBag.myType = new SelectList(tableList, "myId", "myName");

在View中我使用了

<div class="form-group">
    @Html.LabelFor(model => model.myType, new { @class = "control-label col-md-2" })
    <div class="col-md-10">            
        @Html.DropDownList("myType", ViewBag.myType as SelectList,"-Select-", new { @class = "form-control" })
        @Html.ValidationMessageFor(model => model.myType)
    </div>

上面的工作很好，但在控制器我没有得到myId，并且是未定义的，当我在浏览器中查看传递到控制器之前。像下面。我试过了。

在脚本中传递控制器，我使用

$(".form-group").each(function () {
    if ($(this).find('select').length > 0) {
       attrName = $(this).find('select').attr("name");
        if (attrName == "myType") {       
              //the below is returning undefined 
// the value are undefined for all items as look into chrome debug tool for the list
              //        paramList[attrName] = $(this).find('select').val(); 
//so i used the below that is returning correct text selected
                    var myName = $("#myType option:selected").text();
                    //i need somehwat below, whihc is not correct syntactically
                    var myVal = @{ ((IEnumerable<SelectListItem>)ViewBag.myType).Where(x => x.Value == @:myVal).First();}                        
                    //need to pass value, but is 0 in controller.
                    paramList[attrName] = myVal; 
                }

在Razor中使用SelectList

这不是你问题的答案，但我必须指出这是一个错误:

var myVal = @{ ((IEnumerable<SelectListItem>)ViewBag.myType).Where(x => x.Value == @:myVal).First();}

这段代码是Razor和JavaScript混合在一起的。

注意这是错误的:

JavaScript是客户端编程语言，而Razor是服务器端编程语言。

当用户访问你的页面时，你的服务器(IIS)将根据你编码的Razor生成一个HTML页面返回给客户端。

所以当这个函数在客户端被调用/执行时:

$(".form-group").each(function () {

它将无法执行这一行:

var myVal = @{ ((IEnumerable<SelectListItem>)ViewBag.myType).Where(x => x.Value == @:myVal).First();}

如果你想在客户端访问这个ViewBag.myType，你可以把它转换成JSON:

注意:下面的代码没有经过测试

<script>
var list = @Html.Raw(Json.Encode((IEnumerable<SelectListItem>)ViewBag.myType))
$(".form-group").each(function () {
.....
// Other Code
var myName = $("#myType option:selected").text();
for(var i = 0; i < list.length; i++){   
if(list[i].Text == myName ){

alert('Match Found');
}
}
</script>

总结:你不能在客户端使用JavaScript执行Razor代码。

答:

你应该做的是将List放到ViewBag

的View中

控制器:

ViewBag.MydropDown = tableList;

视图:

    @{
        var items = (IEnumerable<myTable>)ViewBag.MydropDown; 
     }
// Note make sure that Property Names are correct in below line  
    @Html.DropDownListFor(m => m.myType, new SelectList(items, "myId","myName"), "--Select--", new{@class = "form-control"})

相关文章：