Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
182 views
Hi,

I am having Radgrid in a div (div1) and other controls in another div (div2) on toggle (hide/show) based structure.

I want to show the div2 initially. problem is page is rendering after completion of Radgrid databind only.

I want to load the data to Radgrid without taking too long. may be ajaxifying the load.

Is it possible to show the controls in div2 before completing data loading of Radgrid??

Thanking you,

AGM RAJA
Judson
Top achievements
Rank 1
 answered on 15 Sep 2017
3 answers
865 views

I'm using a RadComboBox and would like to get the selected item that was bound to the combobox instead of the selected value, index or text.  I can do that with RadGrid but when I try to do it with a ComboBox the selected item's dataitem is always null.

RadGrid:

Event thisEvent = new Event();                  
thisEvent = (Event)e.Item.DataItem;

 

thisEvent is now the bound record of type Event.

 

RadComboBox:

List<BWGroup> individuals = new List<BWGroup>();
individuals = _bwContext.BWGroups.Where(x => x.IsActive == true).OrderBy(x => x.BWGroupName).ToList();
 IndividualsRadComboBox.DataTextField = "BWGroupName";
IndividualsRadComboBox.DataValueField = "BWGroupID";
IndividualsRadComboBox.DataSource = individuals;
 IndividualsRadComboBox.DataBind();
 
//After event is fired
 BWGroup group = new BWGroup();
 group = IndividualsRadComboBox.SelectedItem.DataItem as BWGroup;

 

SelectedValue and SelectedIndex have the proper values but DataItem is always null so group is always null.

Eyup
Telerik team
 answered on 15 Sep 2017
1 answer
83 views

Hi,

Has the spreadsheet control is fully released or still in beta version?

 

 

Vessy
Telerik team
 answered on 15 Sep 2017
1 answer
96 views

I am trying to hide the filter options of a grid based on the type of the column. I have found numerous examples but NONE seem to work. They work the very first time you click on a filter icon. If you then click on a different type of column you get different options but not the correct ones. They seem to be random based on what order you click on the filter icon. Please help!!

        var oldFilterStyle = "";

        function FilterMenuShowing(sender, eventArgs) {

            var menu = eventArgs.get_menu();
            var items = menu._itemData;

            if (eventArgs.get_column().get_dataType() == "System.String") {
                var i = 0;
                while (i < items.length) {
                    if (items[i].value != "NoFilter" && items[i].value != "IsEmpty" &&
                        items[i].value != "EqualTo" && items[i].value != "NotEqualTo" && 
                        items[i].value != "StartsWith" && items[i].value != "EndsWith" && 
                        items[i].value != "Contains" && items[i].value != "DoesNotContain") {
                        var item = menu._findItemByValue(items[i].value);
                        if (item != null) {
                            if (item._element.style.display != "none") {
                                oldFilterStyle = item._element.style.display;
                                item._element.style.display = "none";
                            }                           
                        }
                    }
                    i++;
                }
            }
            else if (eventArgs.get_column().get_dataType() == "System.Decimal" || eventArgs.get_column().get_dataType() == "System.Int32") {
                var i = 0;
                while (i < items.length) {
                    if (items[i].value != "NoFilter" && items[i].value != "IsEmpty" &&
                        items[i].value != "EqualTo" && items[i].value != "NotEqualTo" && 
                        items[i].value != "GreaterThan" && items[i].value != "LessThan" && 
                        items[i].value != "GreaterThanOrEqualTo" && items[i].value != "LessThanOrEqualTo" && 
                        items[i].value != "Between" && items[i].value != "NotBetween") {
                        var item = menu._findItemByValue(items[i].value);
                        if (item != null) {
                            if (item._element.style.display != "none") {
                                oldFilterStyle = item._element.style.display;
                                item._element.style.display = "none";
                            }
                        }
                    }
                    i++;
                }
            }
            else {
                alert(eventArgs.get_column().get_dataType());
                var i = 0;
                while (i < items.length) {
                    var item = menu._findItemByValue(items[i].value);
                    if (item != null) {
                        if (oldFilterStyle != "" && item._element.style.display == "none")
                            item._element.style.display = oldFilterStyle;
                    }
                    i++;
                }
            }

Attila Antal
Telerik team
 answered on 15 Sep 2017
1 answer
1.5K+ views
I have this RadGrid
<telerik:RadGrid ID="gvMembers" runat="server"
            AutoGenerateColumns="false"
            OnNeedDataSource="gvMembers_NeedDataSource"
            AllowSorting="true"
            AllowPaging="true"
            PageSize="10"
            AllowAutomaticUpdates="true"
            AllowAutomaticInserts="true"
            AllowAutomaticDeletes="true"
            OnItemCreated="gvMembers_ItemCreated"
            OnItemInserted="gvMembers_ItemInserted"
            OnPreRender="gvMembers_PreRender"
            OnInsertCommand="gvMembers_InsertCommand"
            OnItemDataBound="gvMembers_ItemDataBound"
            OnUpdateCommand="gvMembers_UpdateCommand"
            OnDeleteCommand="gvMembers_DeleteCommand"
 
            >
            <HeaderStyle CssClass="GridHeader" />
            <PagerStyle Mode="NextPrevNumericAndAdvanced" />
            <MasterTableView AutoGenerateColumns="false" DataKeyNames="UserID" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage">
                <Columns>
                    <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
                    <telerik:GridBoundColumn DataField="UserID" HeaderText="UserID" ReadOnly="true" UniqueName="UserID"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="FirstName" HeaderText="First Name" SortExpression="FirstName" UniqueName="firstname"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="FirstName" HeaderText="Last Name" SortExpression="LastName" UniqueName="lastname"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="UserName" HeaderText="User Name" SortExpression="UserName" UniqueName="username"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="EmailAddress" HeaderText="Email" SortExpression="EmailAddress" UniqueName="email"></telerik:GridBoundColumn>
 
                    <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="Role">
                        <ItemTemplate>
                            <asp:Label ID="Label1" runat="server"
                                Text='<%# DataBinder.Eval(Container.DataItem, "Role") %>'>
                            </asp:Label>
                        </ItemTemplate>
                        <EditItemTemplate>
                            <asp:DropDownList ID="ddlRole" runat="server" DataTextField="Role1" DataValueField="RoleID"></asp:DropDownList>
                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridButtonColumn ConfirmText="Delete this Member?" ConfirmDialogType="RadWindow"
                        ConfirmTitle="Delete" ButtonType="PushButton" Text="Delete" CommandName="Delete" />
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>

 

I am using  astored procedure to handle my updates this is My C# code

protected void gvMembers_UpdateCommand(object sender, GridCommandEventArgs e)
        {
            var editableItem = ((GridEditableItem)e.Item);
            var memberId = (int)editableItem.GetDataKeyValue("UserID");
            int Role = 1;
            CheckBox active = (CheckBox)editableItem["valid"].Controls[0];
            Boolean bactive = Convert.ToBoolean(active);
            string str = active.Text;
            string strFirstName = (editableItem["firstname"].Controls[0] as TextBox).Text;
            string strLastName = (editableItem["lastname"].Controls[0] as TextBox).Text;
            string strUserName = (editableItem["username"].Controls[0] as TextBox).Text;
            string strEmail = (editableItem["firstname"].Controls[0] as TextBox).Text;
 
 
 
            try
                {
                //save chanages to Db
DbContext.AAHomicideLogMembersUpdate(memberId, Role, strFirstName, strLastName, strUserName, strEmail, active);
                }
                catch (System.Exception)
                {
                   string srtt="Dosomething";
                }
            }

 

I am getting an error message on the conversion attempt what am I doing wrong here and what is the proper way to get those values from the checkbox

Perry
Top achievements
Rank 1
 answered on 14 Sep 2017
0 answers
172 views

I have this RAD Grid

 

<telerik:RadGrid ID="gvMembers" runat="server"
            AutoGenerateColumns="false"
            OnNeedDataSource="gvMembers_NeedDataSource"
            AllowSorting="true"
            AllowPaging="true"
            PageSize="10"
            AllowAutomaticUpdates="true"
            AllowAutomaticInserts="true"
            AllowAutomaticDeletes="true"
            OnItemCreated="gvMembers_ItemCreated"
            OnItemInserted="gvMembers_ItemInserted"
            OnPreRender="gvMembers_PreRender"
            OnInsertCommand="gvMembers_InsertCommand"
            OnItemDataBound="gvMembers_ItemDataBound"
            OnUpdateCommand="gvMembers_UpdateCommand"
            OnDeleteCommand="gvMembers_DeleteCommand"
 
            >
            <HeaderStyle CssClass="GridHeader" />
            <PagerStyle Mode="NextPrevNumericAndAdvanced" />
            <MasterTableView AutoGenerateColumns="false" DataKeyNames="UserID" CommandItemDisplay="Top" InsertItemPageIndexAction="ShowItemOnCurrentPage">
                <Columns>
                    <telerik:GridEditCommandColumn></telerik:GridEditCommandColumn>
                    <telerik:GridBoundColumn DataField="UserID" HeaderText="UserID" ReadOnly="true" UniqueName="UserID"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="FirstName" HeaderText="First Name" SortExpression="FirstName" UniqueName="firstname"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="FirstName" HeaderText="Last Name" SortExpression="LastName" UniqueName="lastname"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="UserName" HeaderText="User Name" SortExpression="UserName" UniqueName="username"></telerik:GridBoundColumn>
                    <telerik:GridBoundColumn DataField="EmailAddress" HeaderText="Email" SortExpression="EmailAddress" UniqueName="email"></telerik:GridBoundColumn>
 
                    <telerik:GridTemplateColumn UniqueName="TemplateColumn" HeaderText="Role">
                        <ItemTemplate>
                            <asp:Label ID="Label1" runat="server"
                                Text='<%# DataBinder.Eval(Container.DataItem, "Role") %>'>
                            </asp:Label>
                        </ItemTemplate>
                        <EditItemTemplate>
                            <asp:DropDownList ID="ddlRole" runat="server" DataTextField="Role1" DataValueField="RoleID"></asp:DropDownList>
                        </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <telerik:GridButtonColumn ConfirmText="Delete this Member?" ConfirmDialogType="RadWindow"
                        ConfirmTitle="Delete" ButtonType="PushButton" Text="Delete" CommandName="Delete" />
                </Columns>
            </MasterTableView>
        </telerik:RadGrid>

 

I need to bind the asp dropdown list for my Update and Insert.

I tried this C# code:

protected void gvMembers_ItemDataBound(object sender, GridItemEventArgs e)
        {
 
            DropDownList ddl = (DropDownList)e.Item.FindControl("ddlRole");
            ddl.SelectedValue = (string)DataBinder.Eval(e.Item.DataItem, "Role1").ToString();
 
        }

 

But it gets an error message {"Object reference not set to an instance of an object."} when I try to view the web page.

 

What is the proper procedure to accomplish this?

Perry
Top achievements
Rank 1
 asked on 14 Sep 2017
0 answers
175 views

I am using RadGrid Control.

I have created the columns for RadGrid dynamically with two textbox, one dropdown and 1 date picker.

I have created controls dynamically using GridTemplateColumn by assigning UniqueName for ItemTemplate, getting ID for each control(TextBox, Dropdown, DatePicker).

User Inputs the value in dynamically created grid.

While clicking on Save button, the value from each row of the grid should be retrieved. But I am not able to retrieve the values since I created the grid with controls dynamically.

Attached the sample for reference.

 

 

 

 

 

 

Govindon
Top achievements
Rank 1
 asked on 14 Sep 2017
1 answer
199 views

Requirements

Telerik Product and Version


Supported Browsers and Platforms


Components/Widgets used (JS frameworks, etc.)



PROJECT DESCRIPTION 
Hi, I am new to the Telerik and i want to integrate RadGrid control in to ASP.NET. after i download and installed "TelerikUIForAspNetAjaxSetup_a_2017_3_0913_1.exe", I couldn't find Live Demo folder in my installed path. Kindly suggest me how to integrate this telerik grid to my asp.net application?
Vessy
Telerik team
 answered on 14 Sep 2017
7 answers
90 views

Hi,

We have a custom tool in the editor to remove "comments", this works when I simulate IE 7 and works great in Chrome. When I click the button in IE 10 the browser crashes without any details. 

If I debug the code it seems like it is working, the crash seems to happen in RadEditor.js when the checkElementsRecursively() is done. 

Do you have any clue whats happend? I guess it has to do with the removed element.

sb.Append("Telerik.Web.UI.Editor.CommandList[\"StripOneSpan\"] = function(commandName, editor, args){");
sb.Append("var theSelectedElement = editor.getSelectedElement();");
sb.Append("checkElementsRecursively(theSelectedElement)");
sb.Append("};");

 

And the JS-code: 

        function checkElementsRecursively(selElement) {

            if ((selElement.tagName == "FONT" || selElement.tagName == "font" || selElement.tagName == "SPAN" || selElement.tagName == "span") && selElement.attributes["id"] != null && selElement.attributes["id"].value.substring(7, 0) == "abccom_" && selElement.parentNode != null) {
                selElement.parentNode.removeChild(selElement);
            }
        }

Rumen
Telerik team
 answered on 14 Sep 2017
3 answers
113 views

Hi ,

My scenario is as follows,

I have 3 user controls each of which contains Rad Map with some data.

This is displaying correctly. However my problem is that I am using these user controls in 3 different tabs using Rad Tab same as the 'Load On demand' demo of the RadTab in Telerik site. On the initial tab change the map displays correctly. But if keep changing the tabs the maps are shifting its position to the left.

Why is this happening?

Thanks

Rumen
Telerik team
 answered on 14 Sep 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?