【问题标题】:Kendo grid inside a kendo popup window剑道弹出窗口内的剑道网格
【发布时间】:2014-08-01 11:15:54
【问题描述】:

您好,我们可以在剑道弹出窗口中放置剑道网格吗?我正在尝试在按钮单击时打开一个弹出窗口,并根据按钮单击显示我的数据库中的数据。

谁能告诉我如何做到这一点?有例子吗?

谢谢

【问题讨论】:

  • 把 Grid 放在弹出窗口中,就像在里面放其他东西一样。
  • 您好,感谢您的回复。是的,我正在放置网格,但我想调用基于按钮的数据绑定方法。即我有 3 个按钮,我想加载相同的弹出窗口。在这里,我想根据每个按钮更改数据源。前任。如果我单击 button1,我想调用不同的数据源(“/Employees/1”、“/Employees/2”、“Employees/3”)。其他两个也一样。
  • 查看我的编辑,如果您必须设置多个 window.Refresh 方法并使用 IF 语句调用正确的方法

标签: jquery kendo-grid popupwindow


【解决方案1】:

设置您的窗口弹出窗口

@(Html.Kendo().Window()
    .Name("searchWindow")
    .Title("Manage Filters")
    .Draggable(true)
    .Resizable()
    .Scrollable(false)
    .Width(780)
    .Height(500)
    .Visible(false)
    .Iframe(true)
    .Modal(true)
    .Events(m=>m.Close("CloseRefresh"))    
)

在 Click 事件上启动它

 $("#btnManageFilters").click(function () {

        var window = $("#searchWindow").data("kendoWindow");

        window.refresh({
            url: "/Order/ListSavedSearches"
        });

        window.title("Manage Filters");
        window.center();
        window.open();

    });

在局部视图中定义您的网格并将其返回

        public ActionResult ListSavedSearches()
        {                      
            OrderGridViewModel ogvm = new OrderGridViewModel();
            ogvm = //populate;
            return PartialView("_OrderSearchParameters", ogvm);    
        }

编辑:

如果您发布一个表单并且它有多个按钮,您需要使用相同的name 设置它们并将该值作为您的控制器中的参数。

        <input type="submit" id="btnNew" name="command" value="New"  />&nbsp;
        <input type="submit" id="btnSave" name="command" value="Save" />&nbsp;
        <input type="submit" id="btnApply" name="command" value="Apply" />&nbsp;

    [HttpPost]
    public ActionResult SaveParameters(ViewModel model, string command)

string command 将拥有被点击的任何内容的value。所以如果点击 btnSave,那么 command 将等于 "Save" 根据传入的命令运行 switch 语句。

如果您的按钮未发布到表单,则使用 JQuery 获取值,this.val() 应该在按钮单击事件中工作。并通过上面提到的window.refresh({})方法里面的Query字符串来传递

【讨论】:

  • 弹出窗口未显示 :( 我给出的如下所示。
    而不是使用 @(Html.Kendo().Window()。你能帮帮我吗如何绑定到一个div?
猜你喜欢
  • 1970-01-01
  • 2017-12-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-11-10
  • 1970-01-01
相关资源
最近更新 更多