将Javascript绑定到WebGrid asp.net MVC中的列 [英] Binding Javascript to a column in WebGrid asp.net MVC

问题描述

大家好，



我无法将我的Javascript绑定到我视图中的特定列。它适用于列中的第一个下拉列表，但其余部分则失败。你可以请它协助吗。



我的观点如下：

Hi All,

i am unable to bind my Javascript to a particular column in my View. It works for the first drop down in the column but fails for the rest. Can you please assist on it.

My View is as follow:

  $(document).ready(function () {

        $("#SourceTable").change(function () {
            $("#ColumnNames").empty();
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetColumn")',
                dataType: 'json',
                data: { TableName: $("#SourceTable option:selected").text() },
                success: function (str) {
                    $.each(str, function (Value, Text) {
                        //alert(Value + ' ' + Text.Value);
                        $("#ColumnNames").append('<option value ="'+Value+ '">' +
                        Text.Text + '</option>');
                    });
                },
                error: function (ex) {
                    alert('Failed to retrieve columns.' + ex);
                }
            });
            return false;
        })
    });

</script>

@ wg.GetHtml（

tableStyle：gridTable，

headerStyle：gridHead，

rowStyle：gridRow，

footerStyle：gridFooter，

alternatingRowStyle：gridAltRow，

列：wg.Columns（

wg.Column（DestnColumn，目的地列），

wg.Column（SourceTable，格式：@item => Html.DropDownList（SourceTable ，（IEnumerable< SelectListItem>）Model.SourceColumnModel [0] .SourceTables，Select Source），

wg.Column（ColumnNames，格式：@item => @Html。 DropDownList（ColumnNames，新的SelectList（string.Empty，Value，Text），Select Column，new {style =width：200px}）），

// wg.Column（标题：SourceColumn，格式：@ item1 => Html.DropDownList（value1，（IEnumerable< SelectListItem>）Model.SourceColumnModel [0] .SourceColumnsNames）），

wg.Column（DataSize，Size），

wg.Column（数据类型，数据类型））



）

）

@wg.GetHtml(
tableStyle: "gridTable",
headerStyle: "gridHead",
rowStyle: "gridRow",
footerStyle: "gridFooter",
alternatingRowStyle: "gridAltRow",
columns: wg.Columns(
wg.Column("DestnColumn", "Destination Column"),
wg.Column("SourceTable", format: @item => Html.DropDownList("SourceTable", (IEnumerable<SelectListItem>)Model.SourceColumnModel[0].SourceTables,"Select Source")),
wg.Column("ColumnNames", format: @item => @Html.DropDownList("ColumnNames", new SelectList(string.Empty, "Value", "Text"), "Select Column", new { style = "width:200px" })),
// wg.Column(header: "SourceColumn", format: @item1 => Html.DropDownList("value1", (IEnumerable<SelectListItem>)Model.SourceColumnModel[0].SourceColumnsNames)),
wg.Column("DataSize", "Size"),
wg.Column("DataType", "Data Type"))

)
)

推荐答案

（ document ）。ready（ function （）{

(document).ready(function () {

（ ＃SourceTable ）。change（ function （）{

("#SourceTable").change(function () {

（ ＃ColumnNames）。empty（）;

("#ColumnNames").empty();

这篇关于将Javascript绑定到WebGrid asp.net MVC中的列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！