Obout Grid Asp.Net在添加时禁用文本列

时间:2015-04-21 03:11:44

标签: javascript asp.net obout

我有一个来自obout的网格:

<cc1:Grid ID="GridEvalEmp" runat="server" AllowPageSizeSelection="False" AllowPaging="True" PageSize="10"
                                AutoGenerateColumns="False" FolderStyle="styles/style_8" Language="es"
                                Width="600" AllowFiltering="false">
                                 <ClientSideEvents OnClientCallbackError="onGridErrorEval" OnClientAdd="onAddEvalEmp" OnClientEdit="onEditEvalEmp"
                                           OnBeforeClientInsert="validarFechas" OnBeforeClientUpdate="validarFechas"/>
                            <Columns>
                                <cc1:Column ID="ClmCodEval" DataField="codEvaluacion" HeaderText="Capacitación" Visible="false" Index="0" />
                                <cc1:Column ID="ClmNombreCapacitacion" Width="300" HeaderText="Capacitación" DataField="nombreEvaluacion" Index="1" Visible="true" Wrap="True" />
                                <cc1:Column ID="ClmFechaActEval" Width="180" HeaderText="Fecha de Evaluación" DataFormatString="{0:dd/MM/yyyy}" DataField="fechaEvaluacion" Index="2" Visible="true" Wrap="True" />
                                <cc1:Column ID="ClmPuntaje" Width="200"  HeaderText="Puntaje" DataField="puntajeEval" Index="3" Visible="true" Wrap="True" />
                                <cc1:Column ID="ClmEditCap" Width="160" AllowDelete="false" AllowEdit="true" HeaderText="" Index="3" />
                            </Columns>                             
                        </cc1:Grid>                           

我想在客户端添加上禁用ClmPuntaje列。 为此我有一个javascript函数,但它不起作用:

function onAddEvalEmp(record) {
            document.getElementById('ClmPuntaje').disabled = true;
        }

我该如何做到这一点?

谢谢! 塞布丽娜

3 个答案:

答案 0 :(得分:1)

实际上,当您尝试查看页面的源代码时,Id不是“ClmPuntaje”。 你可能得到真正的Id然后javascript将工作。 通过jquery

禁用整个列很简单
<cc1:Column ID="ClmEditCap" Width="160" AllowDelete="false" AllowEdit="true" HeaderText="" CssClass="Class1" Index="3" />

然后,尝试: $(“。Class1”)“用于标识要禁用的元素。

答案 1 :(得分:0)

obout gridview(非标准gridview)

在添加行(obout site)时指定模板:

<obout:Grid id="grid1" runat="server" RowEditTemplateId="tplRowEdit">
    <Templates>
        <obout:GridTemplate ID="tplRowEdit">
            <Template> 
                ...
            </Template>
        </obout:GridTemplate>
    </Templates>
</obout:Grid>

答案 2 :(得分:0)

你可以使用obout客户端Api:

GridEvalEmp.hideColumn( “ClmPuntaje”);

请参阅此处的示例:http://www.obout.com/grid/grid_columns_show_hide_columns.aspx