Asp.net mvc 如何从UI中获取数据值,然后将其用于实际操作?

Asp.net mvc 如何从UI中获取数据值,然后将其用于实际操作?,asp.net-mvc,kendo-ui,kendo-asp.net-mvc,Asp.net Mvc,Kendo Ui,Kendo Asp.net Mvc,我正在使用剑道UI MVC。在一个页面中,我有一个网格、一个树状视图和一个按钮。单击按钮时,我需要使用树状视图和网格中的选定值进行一些实际计算,然后弹出一个模式窗口以在网格中显示结果 我可以使用javascript获取所选的值,但如何将这些值传递给操作进行计算?然后在弹出窗口中加载网格 谢谢这里有一个使用javascript显示popop的示例。。Namefunction是一个函数,您可以在其中获取id,然后将其传递给控制器mvc操作 使用网格创建局部视图,并使用mvc操作返回的模型填充它们

我正在使用剑道UI MVC。在一个页面中,我有一个网格、一个树状视图和一个按钮。单击按钮时,我需要使用树状视图和网格中的选定值进行一些实际计算,然后弹出一个模式窗口以在网格中显示结果

我可以使用javascript获取所选的值,但如何将这些值传递给操作进行计算?然后在弹出窗口中加载网格


谢谢这里有一个使用javascript显示popop的示例。。Namefunction是一个函数,您可以在其中获取id,然后将其传递给控制器mvc操作

使用网格创建局部视图,并使用mvc操作返回的模型填充它们

 <div id="modal"></div> 
<script>
   function ShowPopup(data) {

    $("#modal").append("<div id='modal-content'></div>");

    $("#modal-content").html("<div style='width:100%;height:100%;text-align:center'><img src='http://preloaders.net/preloaders/728/Skype%20balls%20loader.gif' style='top:295px;position:relative;' /></div>");

    var dialogDiv = $("#modal-content").dialog({
        title: "Filtro Paragens",
        modal: true,
        autoOpen: false,
        resizable: false,
        draggable: true,
        width: '50%',
        minHeight: '638',
        open: function (event, ui) {

            $(this).parent().find('.ui-dialog-titlebar-close').hide();
            $("#modal-content").html(data);

        }
    });

    dialogDiv = $("#modal-content").dialog("open");
}   

 function NameFunction(id){

  $.ajax({  
         cache: false,
         type: 'GET',
         data: { Id: id },
         contentType: "application/json",
         url: "Controller/Action",
         success: function (data) {
             ShowPopup(data);
         },
         fail: function (jqXHR, textStatus) {
             alert("Ocorreu um erro: " + textStatus);

         }
     });
 }}


    [HttpGet]
    public ActionResult Action(int Id)
    {
在PageGrid部分中,使用一个用模型填充的剑道网格示例。


因此,在resume中,您有一个将html代码返回到弹出窗口的操作。顺便说一句,使用jquery的对话框

您能告诉我们您实际尝试了什么吗?
        return PartialView("_PageGrid", model);
    }