Kendo ui 如何在KendoUI中的网格模板中创建编辑按钮?
我的基本问题是“如何在模板中创建一个在KendoGrid中打开编辑模式的按钮?” 我有以下kendoui模板:Kendo ui 如何在KendoUI中的网格模板中创建编辑按钮?,kendo-ui,kendo-grid,Kendo Ui,Kendo Grid,我的基本问题是“如何在模板中创建一个在KendoGrid中打开编辑模式的按钮?” 我有以下kendoui模板: <script id="serviceGridRowTemplate" type="text/x-kendo-template"> <tr> <td><span data-bind="text: sequence"></span></td>
<script id="serviceGridRowTemplate" type="text/x-kendo-template">
<tr>
<td><span data-bind="text: sequence"></span></td>
<td><span data-bind="text: service"></span></td>
<td><input data-role="datepicker" data-bind="xpressdate: from_date"/></td>
@*<td><span data-bind="xpressdate: from_date" data-dateformat="MM/dd/yyyy"></span></td>*@
<td><span data-bind="xpressdate: to_date" data-dateformat="MM/dd/yyyy"></span></td>
<td><span data-bind="text: provider"></span></td>
<td><span data-bind="text: name"></span></td>
<td><span data-bind="text: status" ></span></td>
<td><span data-bind="text: deny_cd" ></span></td>
<td><span data-bind="xpressdate: add_date" data-dateformat="MM/dd/yyyy"></span></td>
<td><span data-bind="text: add_init" ></span></td>
<td><span data-bind="xpressdate: change_date" data-dateformat="MM/dd/yyyy"></span></td>
<td><span data-bind="text: change_init" ></span></td>
<td><button >Turn on Edit</button></td>
</tr>
@**@
启用“编辑”
我试图绑定到命令,但它不喜欢。我可以很容易地在这一行中有一个数据采集器,但我只想有一个文本,然后单击编辑按钮,或者像我创建模板之前那样,只需单击一行即可开始编辑。
这里是带有网格的div,仅供参考
<div data-role="grid"
data-bind="source: referralData.Services"
data-scrollable="true"
data-row-template="serviceGridRowTemplate"
data-editable="{mode:'inline',template:serviceEditTemplate}"
data-resizable="true"
data-toolbar="['create', 'Print']"
data-columns="[
{ 'field': 'sequence', 'width': 70, 'title': 'Sequence #' },
{ 'field': 'service',width:70,title:'Service' },
{ 'field': 'from_date', 'width': 70, 'title': 'Effective Date' },
{ 'field': 'to_date', 'width': 70, 'title': 'End Date' },
{ field:'provider','title': 'Provider',width:70 },
{ 'field': 'name', 'title': 'Provider Name' },
{ 'field': 'status', 'width': 180, 'title': 'Service Status Code' },
{ 'field': 'deny_cd', 'width': 180, 'title': 'Service Reason Code' },
{ 'field': 'add_date', 'width': 70, 'title': 'Add Date' },
{ 'field': 'add_init', 'width': 70, 'title': 'Added By' },
{ 'field': 'change_date', 'width': 70, 'title': 'Modified Date' },
{ 'field': 'change_init', 'width': 80, 'title': 'Modified By' },
{ command: 'edit' }
]"
style="width:100%; height:auto"></div>
最后一点要注意的是,xpressdate只是一个自定义数据选择器,它是来自db的奇怪格式化日期所必需的
有人知道一个例子或者如何做到这一点吗?只是一些小事情。首先,在行模板中,在tr上包含数据uid=“#=uid”
<tr data-uid="#= uid #">
然后在rowTemplate中,将其添加为编辑按钮
<td><a class="k-button k-button-icontext k-grid-edit" href="\#"><span class="k-icon k-edit"></span>Edit</a></td>
这应该包括一个完全剑道网格样式的编辑按钮,该按钮应该将特定的网格行切换到编辑模式
参见示例这解决了我的问题,因此我将其标记为答案。但是,您知道现在需要做什么才能使更新按钮正常工作吗?我认为主要的问题是,当您使用内联编辑时,它不使用editTemplate。我可以为测试添加一些简单的字符,它们不会在内联编辑中显示,而是在弹出编辑中显示。所以这里面有一些东西。