带有javascript参数的cshtml中的datatable.select

Question

我的型号代码

public class viewCase
{
  public List<string> lstCategory   { get; set; }
  public DataTable dtWrkTsk { get; set; }
}

我的控制器代码

string query = "SELECT WorkFlowID,Subject,Category FROM CMSTasksWorkFlow" 

objcase.dtWrkTsk   = objdataclas.ExecuteDataTable(query);

return View("../ViewCases/CasesScreen",objcase);

我的cshtml代码

 function getCaption() {

var cat=    $("#layout option:selected").text();  //variable for select condition

var arr =  @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(
Model.dtWrkTsk.Select("Catagory='" + cat + "'") ));  //<- error here
}

它给我的错误“猫”在当前上下文中不存在

如果我尝试

function getCaption() {

      var cat=    $("#layout option:selected").text();  //variable for select condition
     var arr =  @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(
       Model.dtWrkTsk.Select("Catagory='" +@<text> cat </text> + "'") ));}  //<- error here

CS1660：无法将 lambda 表达式转换为类型“字符串”，因为它 不是委托类型

<div id="addTask" class="modal fade " aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content round">
                <div class="modal-header"><h4>New Task </h4></div>
                <div id="tbody" class="modal-body" style="height:20%">
                    @Html.DropDownList("layout", Model.lstCategory.Select(m => new SelectListItem { Text = m, Value = m }), "All", new { onclick = "getCaption()" })
                    <div id="dtask" style="width: 80%; overflow: scroll; ">

                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn btn-primary"  >OK</button>
                    <button type="button" data-dismiss="modal" class="btn">Cancel</button>
                </div>
            </div>
        </div>
    </div>

我试图保持数据表与服务器断开连接，因此每当用户更改Html.DropDownList 中的值时，函数getCaption() 就会被调用

我只需要在数据表中选择条件，在其中选择带有 javascript 变量传递的类别

如何在 datatable.select 中传递我的 javascript 变量

Answer 1

var arr = @Html.Raw(...) 中的@Html.Raw() 是剃须刀代码，它在发送到视图之前在服务器上进行解析。它包括一个 .Select() 查询，该查询使用了一个当时不存在的 javascript 变量 - 它不在范围内。

您需要将集合分配给 javascript 变量，并根据所选选项在 javascript 中过滤结果数组。

以下假设 dtWrkTsk 是包含属性 string Category 的模型的集合，并且您希望对集合进行归档以仅返回 Category 值与所选选项匹配的对象

@Html.DropDownList("layout", Model.lstCategory.Select(m => new SelectListItem { Text = m, Value = m }), "All")

或

@Html.DropDownList("layout", new SelectList(Model.lstCategory), "All")

<script>
    // Assign the collection to a javascript array
    var arr = @Html.Raw(Json.Encode(Model.dtWrkTsk))
    $('#layout').change(function() {
        var selectedCategory = $(this).val();
        // Return all objects in the collection that match
        var result = $(arr).filter(function(index, item) {
            return item.Category === selectedCategory;
        });
        .... // do something with the results
    });
</script>

其他建议阅读-Unobtrusive JavaScript