Webgrid 列包含下拉列表 onchange 下拉列表必须在对象中更新我想要行或对象的唯一 ID

Question

示例代码：-

<script type="text/javascript">
function ViewDataChange() {
    alert("In");
}

 function GetPage(data) {
    debugger;
    var item = document.getElementById("AppId").value;
    var i=0;
    for (i = 0; i < data.length; i++) {

        if (data[i].selected) {
            var selectedRole = data[i].value + "#" + item;

            $.getJSON("/Calls/SelectedBookingRole", { Id: selectedRole }, function (d) 

            });
            break;
        }
    }                      
}

  @{using (Ajax.BeginForm("DeleteAttendee", "Calls", new AjaxOptions { UpdateTargetId = "GridAttendee", HttpMethod = "Post", LoadingElementId = "LoadingImageAttendees" }))
          {  

        @usersGrid.GetHtml(
        htmlAttributes: new { OnItemCreated = "this.ViewDataChange()" },
        tableStyle: "grid TBLGrid",
        mode: WebGridPagerModes.Numeric,

        headerStyle: "header",
        alternatingRowStyle: "alt",

        rowStyle: "row",
                columns: usersGrid.Columns(
                  usersGrid.Column(null, null, format: @<input type="hidden" name="AppId" value="@item.AppUserId"/>, style: "", canSort: false),
                  usersGrid.Column("Name", "Name ", style: "", canSort: false),
                  usersGrid.Column("ListItemId", "Booking Role", format: (item) => Html.DropDownList("ddlBookingRole", ViewBag.BookingRoleList as SelectList, new { onchange = "GetPage(this);" }), style: "width:70%", canSort: false),
                  usersGrid.Column("PortaCallParticipantId", "Delete", format: @<input type="image" src="../../Content/images/deleteIcon.gif" name="Id" value="@item.AppUserId" />, style: "align:center", canSort: false)
                 )
                 )
          }

        } 

我想在 GetPage(this,@item.AppUserId) 中传递两个参数，但我不知道如何做同样的事情，请建议我紧急 提前致谢。

Answer 1

usersGrid.Column(
    "ListItemId", 
    "Booking Role", 
    format: (item) => Html.DropDownList(
        "ddlBookingRole", 
        ViewBag.BookingRoleList as SelectList, 
        new { onchange = "GetPage(this, '@item.AppUserId');" }
    ), 
    style: "width:70%", 
    canSort: false
)

进而：

function GetPage(ddlBookingRole, appUserId) {
    $.getJSON(
        '/Calls/SelectedBookingRole', 
        { id: ddlBookingRole.value, appUserId: appUserId }, 
        function(d) {

        }
    );
}