Yuki Mita

デベロッパーサポート担当
Twitter : @ig_yuki
WebDataGrid 入力文字数を制限する方法(EditorProvider)

UltraWebGrid では列の FieldLen プロパティを設定することで、セルに入力できる文字数を制限することができました。WebDataGrid では TextEditorProvider の MaxLength プロパティを設定することで入力文字制限を行うことができます。

下記例では、Name 列に TextEditorProvider を割り当てることで、Name 列編集時に 10 文字まで入力できるよう制限をかけています。

<ig:WebDataGrid ID="WebDataGrid1" runat="server" Height="350px" Width="400px"
    AutoGenerateColumns="False">
    <Columns>
        ...
        <ig:BoundDataField DataFieldName="Name" Key="Name">
            <Header Text="Name" />
        </ig:BoundDataField>
        ...
    </Columns>
    <EditorProviders>
        <%--TextEditorProvider を定義し、MaxLength を 10 に設定します。--%>
        <ig:TextEditorProvider ID="WebDataGrid1_TextEditorProvider1">
            <EditorControl ClientIDMode="Predictable" MaxLength="10">
            </EditorControl>
        </ig:TextEditorProvider>
    </EditorProviders>
    <Behaviors>
        <ig:EditingCore>
            <Behaviors>
                <ig:CellEditing>
                    <ColumnSettings>
                        <ig:EditingColumnSetting ColumnKey="Name"
                            EditorID="WebDataGrid1_TextEditorProvider1" />
                    </ColumnSettings>
                </ig:CellEditing>
            </Behaviors>
        </ig:EditingCore>
    </Behaviors>
</ig:WebDataGrid>

 

サンプルはこちらから
WebDataGrid_MaxLength_CS.zip
WebDataGrid_MaxLength_VB.zip

(本サンプルは14.1.20141.2194バージョンで作成されました)


WebDataGrid EditorProvider の実装方法は下記の記事に解説がございます。

WebDataGrid コンボボックスによるセル編集


WebDataGrid 関連記事

WebDataGrid の機能は多岐にわたります。よくお問い合わせ頂く内容につきましては一部このブログでも実装方法や設定方法を紹介させていただいております。是非ご活用ください。

WebDataGrid 利用方法一覧

弊社製品は機能制限なしのトライアル版もご用意しています。ダウンロードはこちらから。

Infragistics 製品トライアルダウンロード

Posted: 15 Aug 2014, 09:00
Anonymous comments are disabled