Question

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

我可以使用javascript获取所选值，但是如何将值传递给动作进行计算？然后在弹出窗口中加载网格？

由于

Answer 1

下面是一个使用javascript显示popop的例子。＆＃34; NameFucntion是你获得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)
    {

List model = new List（）;

//做你的stufs

        return PartialView("_PageGrid", model);
    }

在_PageGrid partial中，使用填充了模型的kendo网格示例。 http://demos.telerik.com/aspnet-mvc/grid/local-data-binding

所以在简历中，你有一个动作会将html代码返回到弹出窗口。（顺便说一句，这使用了jquery的对话框）

如何从UI获取数据值然后在行动中使用它？

1 个答案: