1

多くの列を持つテレリック グリッドがあります。多くの列のうち、いくつかの列では、データベース クエリを通じてデータを表示しています。行の残りの列には、デフォルトで無効になるテキストボックスがあります。すべての行にチェックボックスがあります。チェックボックスをクリックすると、チェックボックスがオンになっている特定の行の無効なテキストボックスを有効にしたい:

これがテレリックグリッドの私のコードです：

<% Html.Telerik().Grid< Model>()
            .Name("Grid1")
            .ToolBar(toolbar => toolbar.Template(
                                Html.Resource("Grid")))
                                 .DataKeys(keys =>
                                 {
                                     keys.Add(o => o.FName);
                                 })
                .Columns(columns =>
                {
                    columns.Bound(m => m.EmployeeID)
                       .ClientTemplate("<input type='checkbox' name='Employee1' id='Employee1' onclick='return Function1(this);'/>")
                    columns.Bound(m => m.EmpName).Title("EmpName").ReadOnly(true).Width(70);
                    columns.Bound(m => m.Task).Title("Task")
                        .ClientTemplate("<input type='textbox' name='Task' id='Task' disabled='disabled' new { style='width:55px'} value='<#=Task#>' />").Width(53);
                })
                .DataBinding(databinding => databinding
                                        .Ajax()
                                        .Select("GetData", "Home")
                )
            .Scrollable()
            .Selectable()
            .Render();
        %>

このためのjqueryを書きたいと思います。

誰でも私を助けることができますか？

4

1 に答える 1

2

生成した html を表示する必要があります。しかし、それが何であれ、このようなものは機能します。したがって、グリッドが次のようなテーブルとして書き出されたとします。

<table>
    <tr>
        <td>
           <input type='checkbox' name='SelectedEmployee' id='SelectedEmployee'/>
        </td>
        <td>
           <input type='text' name='Allocation' id='Allocation' />
        </td>
    </tr>
</table>

これを行うことでテキストボックスを切り替えることができます

$('[name="SelectedEmployee"]').click(function () {
    var row = $(this).closest('tr');
    if ($(this).is(':checked')) {
        // enable textbox when checkbox is checked
        row.find('#Allocation').removeAttr('disabled');
    }
    else {
        // disable textbox when checkbox is unchecked
        row.find('#Allocation').attr('disabled','disabled');
    }                
});
于 2013-05-06T07:54:27.700 に答える