如何使用 kendo UI 在弹出式编辑器中打开 JSP 页面

Question

我正在使用 Kendo-UI 和 JSP-wrapper (<kendo:grid>) 。我有两个 JSP 页面 Employee.jsp 和 EmployeeDetails.jsp。employeeDetails.jsp 的示例代码在 Kendo Grid using JSP wrapper 上给出 EmployeeDetails 有一个网格 editable_mode =popup.which 正在工作 fine.But，因为在 Employee.jsp 中我们有大量数据，因此弹出窗口 window 非常大且难以维护。

我想要的输出是弹出窗口应该出现在两行中，自定义样式 sheet 而不是默认的一行和基诺样式-sheet.

在this fiddle中实现了类似的功能，但他使用的是html/js，而不是jsp wrapper.and 其他问题是他正在我不想要的同一 html 页面中编写弹出窗口的整个 html 代码。

[编辑:] 我找到一个入口点以进一步使用 kendo:grid-editable。示例代码可能是

<kendo:grid>
    ..............
    ..............
    <kendo:grid-editable mode="popup">
        <kendo:grid-editable-template>
            "<h1>Deepak</h1>"
        </kendo:grid-editable-template>
    </kendo:grid-editable>
    </kendo:grid>

但另一个问题仍然存在，我们需要在

之间提供所有html代码

 <kendo:grid-editable-template>"....."</kendo:grid-editable-template>

谁能帮帮我。

Answer 1

我暂时也做了同样的事情，这当然对我有用。

     .................
        .................
            <kendo:grid>
                ..............
                ..............
                <kendo:grid-editable mode="popup">
                    <kendo:grid-editable-template>
                        +"<label for='FirstName'>First Name*:</label></td><td><input type='text' class='k-textbox' name='firstName' id='FirstName' required='required' /></td>"
                                +"<td> <label for='LastName'>Last Name*:</label></td><td><input type='text' class='k-textbox' name='lastName' id='LastName' required='required' /></td></tr>"
                                +"<tr><td><label for='EmpId'>Emp ID*:</label></td><td><input type='text' class='k-textbox' name='empid' id='id' required='required' /></td>"
                                  + "........................."
                                  + "........................."

                    </kendo:grid-editable-template>
                </kendo:grid-editable>
                </kendo:grid>
.....................................................
.....................................................

你需要牢记两点

<kendo:grid-editable-template> </kendo:grid-editable-template> 之间的代码被视为单个字符串，因此将自定义弹出代码中的所有 " " 替换为 ' '。例如，使用 <input type='text'...> 而不是 <input type="text"....>。
要绑定网格数据和弹出数据的值，两处的名称属性应该相同。

如何使用 kendo UI 在弹出式编辑器中打开 JSP 页面

how to open a JSP page in popup editor using kendo UI

jsp

kendo-ui

popup

kendo-grid