How to put a mask in the cell dynamically?

334

Duan Brito posted over 16 years ago

I need to put a mask on the cell of webgrid, but I need this works DYNAMICALLY on the client side.

Someone can help me?

Tks,

Duan Brito

50

RAMESH posted over 14 years ago in reply to [Infragistics] Rumen Stankov

Hi All,

I need to add the mask to columns of the grid dynamically, but no luck so for , but the i can add the mask as below

1.Create Mask control in aspx page with required InputMask

<igtxt:WebMaskEdit id="WebMaskEdit1" runat="server" BorderStyle="None" InputMask="(###) ###-####" Font-Size="8pt" Font-Names="Verdana"></igtxt:WebMaskEdit>

2.In the code behind page , to the column of the grid add the mask id as below

grdMain.DisplayLayout.Bands(0).Columns.FromKey(col.ColumnName.ToUpper()).EditorControlID = WebMaskEdit1.UniqueID

But when i create the WebMaskEdit control dynamically as

                       Dim WebMaskEdit1 As New WebDataInput.WebMaskEdit
                        WebMaskEdit1.Visible = True
                        WebMaskEdit1.ID = "wmControl" & col.ColumnName
                        WebMaskEdit1.BorderStyle = BorderStyle.None
                        WebMaskEdit1.Style.Add("Font-Size", "8pt")
                        WebMaskEdit1.InputMask = "(###) ###-####"
                        grdMain.Controls.Add(WebMaskEdit1)

and add the grid column as below

grdMain.DisplayLayout.Bands(0).Columns.FromKey(col.ColumnName.ToUpper()).EditorControlID = WebMaskEdit1.UniqueID

not working as expected

Thanks

-Ramesh.P
Cancel
Reply

Verify Answer

Cancel
28464

[Infragistics] Rumen Stankov posted over 16 years ago

If you set the EditorControlID property of the respective column to the ID of an editor control (Infragistics WebMaskEdit control) that can be anywhere on the page, then the editor will be shown on client without postback e.g.
</igtbl:UltraGridColumn>
    <igtbl:UltraGridColumn BaseColumnName="ContactName" IsBound="True" EditorControlID="WebMaskEdit1" Key="ContactName">
        <Header Caption="ContactName">
            <RowLayoutColumnInfo OriginX="2" />
        </Header>
        <Footer>
            <RowLayoutColumnInfo OriginX="2" />
        </Footer>
    </igtbl:UltraGridColumn>

    <igtxt:WebMaskEdit ID="WebMaskEdit1" runat="server" InputMask="someMask" >
    </igtxt:WebMaskEdit>
If you need to do that dynamically with script, you can use something similar to this:

    <script language="javascript">

        function changeEditor()
        {
            var grid = igtbl_getGridById("UltraWebGrid1");
            grid.Bands[0].Columns[1].EditorControlID = "WebMaskEdit1"
        }


    </script>
Cancel
Reply

Verify Answer

Cancel