Question

我正在使用 Kendo-UI和JSP-wrapper （<kendo:grid>）。我有两个JSP页面Employee.jsp＆amp; EmployeeDetails.jsp。在Kendo Grid using JSP wrapper上给出了employeeDetails.jsp的示例代码.EmployeeDetails有一个网格，其中editable_mode = popup.which工作正常。但是因为在Employee.jsp中我们有很多数据所以弹出窗口窗户非常大，难以维护。

输出我想要的是弹出窗口应该有两行自定义样式表而不是默认的一行和基诺样式表。

在this fiddle中实现了类似的功能，但他使用的是 html / js ，而不是jsp包装器。其他问题是他正在编写整个弹出的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>之间的代码被视为单个字符串，因此请替换所有＆＃34; ＆＃34; 在自定义弹出式代码中使用＆＃39; ＆＃39; 。例如，使用<input type='text'...>代替<input type="text"....>。
要绑定网格数据和弹出数据的值，两个位置的name属性应该相同。

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

1 个答案: