This is a migrated thread and some comments may be shown as answers.

Mandatory Fields

1 Answer 152 Views
Grid
This is a migrated thread and some comments may be shown as answers.
mohamed
Top achievements
Rank 1
mohamed asked on 01 May 2011, 07:34 AM
In my i set Mandatory fields
textbox value empty .
does't close the popup window.
one of the other form i work that forms popup window never closed.this forms is one grid
but here code form is two radgrid


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NewModels.aspx.cs" Inherits="TBS_HelpDesk.Views.Assets.NewModels"
    MasterPageFile="~/Views/Shared/MasterPage.Master" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="aboutContent" ContentPlaceHolderID="MainContent" runat="server">
    <telerik:RadCodeBlock runat="server" ID="radCodeBlock">
        <script type="text/javascript">
            function onToolBarClientButtonClicking(sender, args) {
                var grid = $find("<%=RadGrid2.ClientID %>");
                debugger;
                var comandName = args.get_item().get_commandName();
                if (comandName == "Filter") {
                    if (grid.get_masterTableView().get_isFilterItemVisible()) {
                        grid.get_masterTableView().hideFilterItem();
                    }
                    else {
                        grid.get_masterTableView().showFilterItem();
                    }
                }
            }
            function onToolBarClientButtonClickingMan(sender, args) {
                var grid = $find("<%=RadGrid1.ClientID %>");
                debugger;
                var comandName = args.get_item().get_commandName();
                if (comandName == "Filter1") {
                    if (grid.get_masterTableView().get_isFilterItemVisible()) {
                        grid.get_masterTableView().hideFilterItem();
                    }
                    else {
                        grid.get_masterTableView().showFilterItem();
                    }
                }
            }

            function getOuterHTML(obj) {
                if (typeof (obj.outerHTML) == "undefined") {
                    var divWrapper = document.createElement("div");
                    var copyOb = obj.cloneNode(true);
                    divWrapper.appendChild(copyOb);
                    return divWrapper.innerHTML
                }
                else
                    return obj.outerHTML;
            }
            function PrintRadGrid() {
                var previewWnd = window.open('about:blank', '', '', false);
                var sh = '<%= ClientScript.GetWebResourceUrl(RadGrid1.GetType(),String.Format("Telerik.Web.UI.Skins.{0}.Grid.{0}.css",RadGrid1.Skin)) %>';
                var shBase = '<%= ClientScript.GetWebResourceUrl(RadGrid1.GetType(),"Telerik.Web.UI.Skins.Grid.css") %>';
                var styleStr = "<html><head><link href = '" + sh + "' rel='stylesheet' type='text/css'></link>";
                styleStr += "<link href = '" + shBase + "' rel='stylesheet' type='text/css'></link></head>";
                var htmlcontent = styleStr + "<body>" + getOuterHTML($find('<%= RadGrid1.ClientID %>').get_element()) + "</body></html>";
                previewWnd.document.open();
                previewWnd.document.write(htmlcontent);
                previewWnd.document.close();
                previewWnd.print();
                previewWnd.close(); // working

            }
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" UpdatePanelHeight="" />
                    <telerik:AjaxUpdatedControl ControlID="RadGrid2" UpdatePanelHeight="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGrid2">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid2" UpdatePanelHeight="" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <table border="0">
        <tr>
            <td valign="top" style="width: 250px">
                <telerik:RadGrid runat="server" ID="RadGrid1" CellPadding="0" GridLines="None" AutoGenerateColumns="False"
                    AllowPaging="True" AllowSorting="true" AllowFilteringByColumn="true" OnNeedDataSource="RadGrid1_NeedDataSource"
                    OnItemCommand="RadGrid1_ItemCommand" Skin="Vista" Height="300px">
                    <MasterTableView DataKeyNames="Manuf_ID" CommandItemDisplay="Top" EditFormSettings-PopUpSettings-Modal="true"
                        EditMode="PopUp" IsFilterItemExpanded="false">
                        <CommandItemTemplate>
                            <telerik:RadToolBar ID="RadToolBar1" OnButtonClick="RadToolBar1_ButtonClick" runat="server"
                                OnClientButtonClicking="onToolBarClientButtonClickingMan">
                                <Items>
                                    <telerik:RadToolBarButton Text="Add new" CommandName="InitInsert" ImageUrl="../../images/AddRecord.gif"
                                        Visible='<%# !RadGrid1.MasterTableView.IsItemInserted %>'>
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton Text="Filter" CommandName="Filter1" ImageUrl="../../images/Filter 3.gif">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton Text="Print" CommandName="Print" onclick="PrintRadGrid()">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton Text="Refresh" CommandName="RebindGrid" ImageUrl="../../images/Refresh.gif">
                                    </telerik:RadToolBarButton>
                                </Items>
                            </telerik:RadToolBar>
                        </CommandItemTemplate>
                        <CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>
                        <Columns>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderStyle-Width="10px" />
                            <telerik:GridBoundColumn DataField="Manuf_ID" DataType="System.Int32" HeaderText="Manuf ID"
                                SortExpression="Manuf_ID" UniqueName="Manuf_ID" Visible="false" ReadOnly="true">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Manuf_Name" HeaderText="Manufacturer Name" SortExpression="Manuf_Name"
                                UniqueName="Manuf_Name" HeaderStyle-Width="120px">
                                <HeaderStyle Width="120px"></HeaderStyle>
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Manuf_Description" HeaderText="Manuf Description"
                                SortExpression="Manuf_Description" UniqueName="Manuf_Description" HeaderStyle-Width="150px"
                                Visible="false">
                                <HeaderStyle Width="150px"></HeaderStyle>
                            </telerik:GridBoundColumn>
                            <telerik:GridCheckBoxColumn DataField="Manuf_Inactive" DataType="System.Boolean"
                                HeaderText="Inactive" SortExpression="Manuf_Inactive" UniqueName="Manuf_Inactive"
                                FilterControlWidth="30px" HeaderStyle-Width="100px" Visible="false">
                                <HeaderStyle Width="100px"></HeaderStyle>
                            </telerik:GridCheckBoxColumn>
                            <telerik:GridBoundColumn DataField="Manuf_Inactive" DataType="System.Boolean" HeaderText="Inactive"
                                SortExpression="Manuf_Inactive" FilterControlWidth="30px" HeaderStyle-Width="100px"
                                ReadOnly="true" Visible="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" UniqueName="DeleteColumn"
                                CommandArgument="Child" ConfirmDialogType="RadWindow" ConfirmText="Are You Sure Want To Delete This Record?"
                                ConfirmTitle="Delete Confirm" HeaderStyle-Width="10px" />
                        </Columns>
                        <EditFormSettings CaptionFormatString="Create" EditFormType="Template">
                            <EditColumn UniqueName="EditCommandColumn1">
                            </EditColumn>
                            <FormTemplate>
                                <div style="margin-left: 15px;">
                                    <table>
                                        <tr>
                                            <td style="height: 75px; width: 400px;">
                                                <table style="float: right;">
                                                    <tr>
                                                        <td>
                                                            <asp:Label ID="Label3" runat="server" ForeColor="Red" Text="*" Width="1px"></asp:Label>
                                                            <asp:Label ID="Label2" Text="Mandatory Field(s)" runat="server"></asp:Label>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <fieldset>
                                                    <legend style="margin-bottom: 10px">Manufactere</legend>
                                                    <table cellspacing="2" cellpadding="1" width="100%" border="0">
                                                        <tr>
                                                            <td>
                                                                <asp:TextBox Width="200px" ID="Manuf_ID" AutoCompleteType="Disabled" runat="server"
                                                                    Text='<%# Bind("Manuf_ID") %>' Visible="false"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="right">
                                                                <asp:Label ID="Label1" runat="server" ForeColor="Red" Text="*" Width="1px"></asp:Label>
                                                                Name :
                                                            </td>
                                                            <td>
                                                                <asp:TextBox Width="200px" ID="Manuf_Name" AutoCompleteType="Disabled" runat="server"
                                                                    Text='<%# Bind("Manuf_Name") %>'></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td valign="top" align="right">
                                                                Description :
                                                            </td>
                                                            <td>
                                                                <asp:TextBox Width="200px" ID="Manuf_Description" AutoCompleteType="Disabled" runat="server"
                                                                    TextMode="MultiLine" Height="100px" Text='<%# Bind("Manuf_Description") %>'></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="right">
                                                                Inactive :
                                                            </td>
                                                            <td>
                                                                <asp:CheckBox Width="200px" ID="Manuf_Inactive" AutoCompleteType="Disabled" runat="server"
                                                                    Text='<%# Bind("Manuf_Inactive") %>' />
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </fieldset>
                                            </td>
                                        </tr>
                                    </table>
                                    <table>
                                        <tr>
                                            <td>
                                                <asp:Button ID="Button3" runat="server" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                                    CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>
                                                </asp:Button>
                                                <asp:Button ID="Button4" runat="server" Text="Cancel" CausesValidation="false" CommandName="Cancel">
                                                </asp:Button>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </FormTemplate>
                            <PopUpSettings Modal="True"></PopUpSettings>
                        </EditFormSettings>
                        <PagerStyle Mode="NextPrevNumericAndAdvanced" />
                    </MasterTableView>
                    <ClientSettings EnablePostBackOnRowClick="true">
                        <Selecting AllowRowSelect="True" />
                    </ClientSettings>
                </telerik:RadGrid>
            </td>
            <td valign="top" style="width: 100px">
            </td>
            <td valign="middle" style="width: 250px">
                <table>
                    <tr>
                        <td>
                            <asp:TextBox runat="server" ID="ModelText"></asp:TextBox>
                        </td>
                    </tr>
                </table>
                <telerik:RadGrid runat="server" ID="RadGrid2" CellPadding="0" GridLines="None" AutoGenerateColumns="False"
                    AllowPaging="True" AllowSorting="true" Skin="Office2007" AllowFilteringByColumn="true"
                    OnItemCommand="RadGrid2_ItemCommand" OnNeedDataSource="RadGrid2_NeedDataSource">
                    <MasterTableView CommandItemDisplay="Top" EditFormSettings-PopUpSettings-Modal="true"
                        EditMode="PopUp" IsFilterItemExpanded="false">
                        <CommandItemTemplate>
                            <telerik:RadToolBar ID="RadToolBar2" OnButtonClick="RadToolBar2_ButtonClick" runat="server"
                                OnClientButtonClicking="onToolBarClientButtonClicking">
                                <Items>
                                    <telerik:RadToolBarButton Text="Add new" CommandName="InitInsert" ImageUrl="../../images/AddRecord.gif"
                                        Visible='<%# !RadGrid2.MasterTableView.IsItemInserted %>'>
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton Text="Filter" CommandName="Filter" ImageUrl="../../images/Filter 3.gif">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton Text="Print" CommandName="Print" onclick="PrintRadGrid()">
                                    </telerik:RadToolBarButton>
                                    <telerik:RadToolBarButton Text="Refresh" CommandName="RebindGrid" ImageUrl="../../images/Refresh.gif">
                                    </telerik:RadToolBarButton>
                                </Items>
                            </telerik:RadToolBar>
                        </CommandItemTemplate>
                        <PagerStyle BackColor="#D8EBFC" Mode="NextPrevNumericAndAdvanced" />
                        <Columns>
                            <telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderStyle-Width="10px" />
                            <telerik:GridNumericColumn DataField="Model_ID" HeaderText="Id" SortExpression="Model_ID"
                                UniqueName="Model_ID" Visible="false" ReadOnly="true">
                            </telerik:GridNumericColumn>
                            <telerik:GridBoundColumn DataField="Model_Name" HeaderText="Model Name" SortExpression="Model_Name"
                                UniqueName="Model_Name" HeaderStyle-Width="100px">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="Model_Description" HeaderText="Description" SortExpression="Model_Description"
                                UniqueName="Model_Description" HeaderStyle-Width="300px" Visible="false">
                            </telerik:GridBoundColumn>
                            <telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" UniqueName="DeleteColumn"
                                CommandArgument="Child" ConfirmDialogType="RadWindow" ConfirmText="Are You Sure Want To Delete This Record?"
                                ConfirmTitle="Delete Confirm" HeaderStyle-Width="10px" />
                        </Columns>
                        <EditFormSettings CaptionFormatString="Create" EditFormType="Template">
                            <EditColumn UniqueName="EditCommandColumn1">
                            </EditColumn>
                            <FormTemplate>
                                <div style="margin-left: 15px;">
                                    <table>
                                        <tr>
                                            <td style="height: 75px; width: 400px;">
                                                <table style="float: right;">
                                                    <tr>
                                                        <td>
                                                            <asp:Label ID="Label3" runat="server" ForeColor="Red" Text="*" Width="1px"></asp:Label>
                                                            <asp:Label ID="Label2" Text="Mandatory Field(s)" runat="server"></asp:Label>
                                                        </td>
                                                    </tr>
                                                </table>
                                                <fieldset>
                                                    <legend style="margin-bottom: 10px">Model</legend>
                                                    <table cellspacing="2" cellpadding="1" width="100%" border="0">
                                                        <tr>
                                                            <td>
                                                                <asp:TextBox Width="200px" ID="Model_ID" AutoCompleteType="Disabled" runat="server"
                                                                    Text='<%# Bind("Model_ID") %>' Visible="false"></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td align="right">
                                                                <asp:Label ID="Label1" runat="server" ForeColor="Red" Text="*" Width="1px"></asp:Label>
                                                                Name :
                                                            </td>
                                                            <td>
                                                                <asp:TextBox Width="200px" ID="Model_Name" AutoCompleteType="Disabled" runat="server"
                                                                    Text='<%# Bind("Model_Name") %>'></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                        <tr>
                                                            <td valign="top" align="right">
                                                                Description :
                                                            </td>
                                                            <td>
                                                                <asp:TextBox Width="200px" ID="Model_Description" AutoCompleteType="Disabled" runat="server"
                                                                    TextMode="MultiLine" Height="100px" Text='<%# Bind("Model_Description") %>'></asp:TextBox>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </fieldset>
                                            </td>
                                        </tr>
                                    </table>
                                    <table>
                                        <tr>
                                            <td>
                                                <asp:Button ID="Button3" runat="server" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                                    CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'>
                                                </asp:Button>
                                                <asp:Button ID="Button4" runat="server" Text="Cancel" CausesValidation="false" CommandName="Cancel">
                                                </asp:Button>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                            </FormTemplate>
                            <PopUpSettings Modal="True"></PopUpSettings>
                        </EditFormSettings>
                    </MasterTableView>
                    <ClientSettings EnablePostBackOnRowClick="true">
                        <Selecting AllowRowSelect="True" />
                    </ClientSettings>
                </telerik:RadGrid>
            </td>
        </tr>
    </table>
</asp:Content>



Thanks,
Mohamed.

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 02 May 2011, 09:22 AM
Hello Mohamed,

I am not quite sure about your scenario and I suppose you want to add the RequiredFieldValidator in edit mode.
Please go through the following help article which explains adding validatiors for BoundColumn and Template column.
Validation
Hope it helps.

Thanks,
Princy
Tags
Grid
Asked by
mohamed
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Share this question
or