Questions on UI for ASP.NET AJAX Forum

7 answers

362 views

How to get the Sort/Filter criteria of rad Grid programatically when a user clicks on pariculr column or filters a column ?

Hi,

I am enabling filtering and sorting on my rad Grid and displaying the data.
here my requirement is after diaplaying data.. when a uaser clicks on a column/columns to sort I want to fetch that colun name and its data type and its sort order. And in the same way when a user filters a column/columns I want to get that column name and the filtering type value.
I need all this data for later use in my application ( when a user selects his sort/filter criteria I will save this data and when the same user views tha data again I will load the grid with his default sort/filter criteria, this sort/filter criteria is per user).

How can I achieve this?

Thanks,

Grid

answered on 07 Jan 2013

2 answers

96 views

RadGrid Not Selecting/Inserting/Editing in Firefox or Opera

Hi,

We are using Radcontroles licience version for My application. Its working fine in IE. But in other browsers like Mozilla FireFox / Opera Grid is not working. Even grid not selecting any Record. I tried by removing CSS file. and Insted of RadBlock i kept RadScriptBlock and verified even thoug i am getting same problem.
Can u suggest me wt are the modfication need to done for working in oter browser?

Thanks.

Pls find my application page.aspx code Below..

<%

@ Page Language="C#" MasterPageFile="~/Srvdesk_MasterPage.master" EnableEventValidation="false" AutoEventWireup="true" CodeFile="Sites.aspx.cs" Inherits="MasterManagement_Sites"

Title=":: Site ::" Theme="Controls" %>

<

asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">

</

asp:Content>

<

asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">

<!-- Start-Telerik Scrpting to Restrict Postbacks ->

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

var tableView = null;

function pageLoad(sender, args) {

tableView = $find(

"<%= rgSite.ClientID %>").get_masterTableView();

}

function RadComboBox1_SelectedIndexChanged(sender, args) {

tableView.set_pageSize(sender.get_value());

}

function changePage(argument) {

tableView.page(argument);

}

function RadNumericTextBox1_ValueChanged(sender, args) {

tableView.page(sender.get_value());

}

function RadNumericTextBox_ValueChanged(sender, args) {

tableView.set_pageSize(sender.get_value());

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<telerik:AjaxSetting AjaxControlID="rgSite">

<telerik:AjaxUpdatedControl ControlID="rgSite" LoadingPanelID="RadAjaxLoadingPanel11" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Height="75px"

Width="75px">

<img alt="Loading..." src='<%= RadAjaxLoadingPanel.GetWebResourceUrl(Page, "Telerik.Web.UI.Skins.Default.Ajax.loading.gif") %>'

style="border: 0px;" />

</telerik:RadAjaxLoadingPanel>

<!-- End-Telerik Scrpting to Restrict Postbacks ->

<tr>

</td>

</tr>

<tr>

<tr>

</td>

<asp:Label ID="lblSiteHeading" runat="server" Text="Site" CssClass="MenuSubHeading"></asp:Label>

</td>

</tr>

</table>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<uc1:SearchUC ID="SearchUC1" runat="server" />

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<td>

<tr>

<td>

<telerik:RadGrid ID="rgSite" runat="server" AllowPaging="True" Skin="Default" GridLines="Horizontal"

PageSize="10" Width="100%" OnNeedDataSource="rgSite_NeedDataSource" OnItemCreated="rgSite_ItemCreated"

OnItemDataBound="rgSite_ItemDataBound" OnInsertCommand="rgSite_InsertCommand"

OnUpdateCommand="rgSite_UpdateCommand">

<MasterTableView CommandItemDisplay="TopAndBottom" AutoGenerateColumns="false" DataKeyNames="Site_RowID"

EditMode="EditForms" CommandItemStyle-CssClass="RGCmdHeader" CommandItemSettings-AddNewRecordText="  Add SiteCode"

CommandItemSettings-RefreshText="  Refresh">

<telerik:GridBoundColumn ReadOnly="true" Visible="true" HeaderText="Site Code" DataField="Site_SiteCode"

HeaderStyle-Width="10%" HeaderStyle-CssClass="GridHeadernew" />

<telerik:GridBoundColumn HeaderText="Site Name" DataField="Site_SiteName" HeaderStyle-Width="17%"

HeaderStyle-CssClass="GridHeadernew" />

<telerik:GridBoundColumn HeaderText="Org. Name" DataField="Org_Name" HeaderStyle-Width="18%"

HeaderStyle-CssClass="GridHeadernew" />

<telerik:GridBoundColumn HeaderText="Address" DataField="Site_Address" HeaderStyle-Width="17%"

HeaderStyle-CssClass="GridHeadernew" />

<telerik:GridBoundColumn HeaderText="POC" DataField="Site_ContactPerson" HeaderStyle-Width="12%"

HeaderStyle-CssClass="GridHeadernew" />

<telerik:GridTemplateColumn HeaderText="Status" Visible="false" HeaderStyle-Width="7%"

HeaderStyle-CssClass="GridHeadernew">

<asp:Label ID="lblPlaceNo" runat="server" Text='<%#Bind("Site_Place_No") %>'></asp:Label>

<asp:Label ID="lblPlaceName" runat="server" Text='<%#Bind("PlaceName") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn HeaderText="Created BY" Visible="false" DataField="Site_CreatedBy"

HeaderStyle-Width="10%" HeaderStyle-CssClass="GridHeadernew" />

<telerik:GridBoundColumn HeaderText="Created Date" Visible="false" DataField="Site_CreatedDate"

HeaderStyle-Width="15%" DataFormatString="{0:MM/dd/yyyy}" HeaderStyle-CssClass="GridHeadernew" />

<telerik:GridTemplateColumn HeaderText="Status" HeaderStyle-Width="8%" HeaderStyle-CssClass="GridHeadernew">

<asp:CheckBox runat="server" Width="70" ID="chkSitestatus" AutoPostBack="true" Checked='<%# CheckRecordStatus((bool)Eval("Site_Status"))%>'

Text='<%# CheckText((bool)Eval("Site_Status"))%>' OnCheckedChanged="chkSitestatus_CheckedChanged" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn"

HeaderStyle-Width="4%" HeaderStyle-CssClass="GridHeadernew">

</telerik:GridEditCommandColumn>

</Columns>

<telerik:RadNumericTextBox ID="txtPagesNo" Style="margin-top: 4px; float: left; vertical-align: baseline;

margin-right: 20px;" Width="25px" runat="server" Skin="Default" Value='<%# (int)DataBinder.Eval(Container, "Paging.PageSize") %>'>

</telerik:RadNumericTextBox>

</td>

<asp:Button ID="Button1" runat="server" OnClientClick="changePage('first'); return false;"

CommandName="Page" CommandArgument="First" CssClass="PagerButton FirstPage" />

<asp:Button ID="Button2" runat="server" OnClientClick="changePage('prev'); return false;"

CommandName="Page" CommandArgument="Prev" CssClass="PagerButton PrevPage" />

<telerik:RadNumericTextBox ID="RadNumericTextBox1" Skin="Default" Width="25px" Value='<%# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>'

runat="server" Style="margin-top: 4px;">

</telerik:RadNumericTextBox>

<span style="vertical-align: middle;">of

<%

# DataBinder.Eval(Container, "Paging.PageCount")%>

</span>

<asp:Button ID="Button3" runat="server" OnClientClick="changePage('next'); return false;"

CommandName="Page" CommandArgument="Next" CssClass="PagerButton NextPage" />

<asp:Button ID="Button4" runat="server" OnClientClick="changePage('last'); return false;"

CommandName="Page" CommandArgument="Last" CssClass="PagerButton LastPage" />

</td>

<asp:Panel runat="server" ID="NumericPagerPlaceHolder">

</asp:Panel>

</td>

<span style="float: right;">Displaying page

<%

# (int)DataBinder.Eval(Container, "Paging.CurrentPageIndex") + 1 %>

of

<%

# DataBinder.Eval(Container, "Paging.PageCount")%>, items from

<%

# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %>

to

<%

# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %>

of

<%

# DataBinder.Eval(Container, "Paging.DataSourceCount")%>.</span>

</td>

</tr>

</table>

</PagerTemplate>

</EditColumn>

<!-- Grid Table Designing->

<tr>

</td>

</tr>

<tr>

 <asp:Label ID="lblOrgCode" runat="server" Text="Org Name"></asp:Label><span

class="redstar">*</span>

</td>

<telerik:RadComboBox ID="rcbxOrgCode" runat="server" Width="153px" MarkFirstMatch="true"

Text='<%#Bind("Org_Name") %>' ToolTip='<%#Bind("Org_Name") %>'>

</telerik:RadComboBox>

</td>

<asp:Label ID="lblSitecode" runat="server" Text="Site Code"></asp:Label><span class="redstar">*</span>

</td>

<telerik:RadTextBox ID="txtSiteCode" runat="server" MaxLength="30" Text='<%#Bind("Site_SiteCode") %>'

CssClass="textbox" Width="150px" ToolTip='<%#Bind("Site_SiteCode") %>'>

</telerik:RadTextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"

ErrorMessage="*" ControlToValidate="txtSiteCode" CssClass="errortext"></asp:RequiredFieldValidator>

</td>

<asp:Label ID="lblSitename" runat="server" Text="Site Name"></asp:Label><span class="redstar">*</span>

</td>

<telerik:RadTextBox ID="txtSitename" runat="server" MaxLength="50" Text='<%#Bind("Site_SiteName") %>'

CssClass="textbox" Width="150px" ToolTip='<%#Bind("Site_SiteName") %>'>

</telerik:RadTextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"

ErrorMessage="*" ControlToValidate="txtSitename" CssClass="errortext"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

 <asp:Label ID="lblSitePOC" runat="server" Text="POC"></asp:Label><span class="redstar">*</span>

</td>

<telerik:RadTextBox ID="txtPOC" runat="server" MaxLength="30" CssClass="textbox"

Text='<%#Bind("Site_ContactPerson") %>' Width="150px">

</telerik:RadTextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"

ErrorMessage="*" ControlToValidate="txtPOC" CssClass="errortext"></asp:RequiredFieldValidator>

</td>

<asp:Label ID="lblAddress" runat="server" Text="Address"></asp:Label><span class="redstar">*</span>

</td>

<telerik:RadTextBox ID="txtAddress" TextMode="MultiLine" Height="30px" runat="server"

MaxLength="250" Text='<%#Bind("Site_Address") %>' Width="150px" ToolTip='<%#Bind("Site_Address") %>'>

</telerik:RadTextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"

ErrorMessage="*" ControlToValidate="txtAddress" CssClass="errortext"></asp:RequiredFieldValidator>

</td>

<asp:Label ID="lblCity" runat="server" Text="City"></asp:Label><span class="redstar">*</span>

</td>

<UCPlaces:Places ID="UCPlaces" runat="server" />

</td>

</tr>

<tr>

 <asp:Label ID="lblZipCode" runat="server" Text="Zip"></asp:Label>

</td>

<telerik:RadTextBox ID="txtZipCode" runat="server" MaxLength="15" Text='<%#Bind("Site_ZipCode") %>'

CssClass="textbox" Width="150px">

</telerik:RadTextBox>

</td>

<asp:Label ID="lblPhone" runat="server" Text="Phone"></asp:Label><span class="redstar">*</span>

</td>

<telerik:RadTextBox ID="txtPhone" runat="server" MaxLength="20" Text='<%#Bind("Site_Phone") %>'

CssClass="textbox" Width="150px">

</telerik:RadTextBox><asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server"

ErrorMessage="*" ControlToValidate="txtPhone" CssClass="errortext"></asp:RequiredFieldValidator>

</td>

<asp:Label ID="lblMobile" runat="server" Text="Mobile"></asp:Label>

</td>

<telerik:RadTextBox ID="txtMobile" runat="server" MaxLength="20" Text='<%#Bind("Site_Mobile") %>'

CssClass="textbox" Width="150px">

</telerik:RadTextBox>

</td>

</tr>

<tr>

 <asp:Label ID="lblFax" runat="server" Text="Fax"></asp:Label>

</td>

<telerik:RadTextBox ID="txtFax" runat="server" MaxLength="20" Text='<%#Bind("Site_Fax") %>'

CssClass="textbox" Width="150px">

</telerik:RadTextBox>

</td>

</td>

</td>

</td>

</td>

</tr>

<tr>

 <asp:Label ID="lblSiteNotes" runat="server" Text="Notes"></asp:Label>

</td>

<telerik:RadTextBox ID="txtNotes" runat="server" TextMode="MultiLine" Width="80%"

Height="30px" MaxLength="400" Text='<%#Bind("Site_Notes") %>'>

</telerik:RadTextBox>

</td>

</tr>

<tr>

</td>

</tr>

<tr>

<asp:Button runat="server" ID="btnAddSiteCode" Text='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "Add" : "Update" %>'

CommandName='<%# (Container as GridItem).OwnerTableView.IsItemInserted ? "PerformInsert" : "Update" %>'

CssClass="btn1" />   

<asp:Button runat="server" ID="btnCancel" Text="Cancel" CssClass="btn1" CausesValidation="false"

CommandName="Cancel" />

</td>

</tr>

<tr>

</td>

</tr>

</table>

<!-- End Grid page Designing->

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</td>

</tr>

</table>

</td>

</tr>

</table>

</

asp:Content>

Grid

answered on 07 Jan 2013

1 answer

180 views

Grid Rows Drag and Drop Using DataTable

Dear Telerik team,

I need a row drag and drop example using DataTables between two or more rad grids. Because i'm getting too many issues while using data tables as datasource for grids.

Please provide me as soon as possible. thanks in advance.

Thanks in advance.

Grid

answered on 07 Jan 2013

1 answer

41 views

problem : drop down data shows abnormal in rad window

hi every body
sorry but my rad window has strange problem.
i set 2 drop down in my rad window , when it shows to user and user clicks on them the small window that contains the data of drop down go to other side of window (as default the small window of the drop down comes under it after click on it)
i don't know the reason O_o !

Window

answered on 07 Jan 2013

3 answers

283 views

RadWindow doesn't work in updatepanel

hi
i have a page that contains an update panel, and all of my page are user controls.
one of them has grid view and the grid view contain an image button .if user is clicking on it, the rad window should be display.
but it doesn't show.
what am i doing now?(i used this demo to do it but :( nothing happen )

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="NormalTickets.ascx.cs" Inherits="NormalTickets" %>

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<telerik:RadCodeBlock ID="RadCodeBlock2" runat="server">

<style type="text/css">

.orderText

{

font: normal 10pt tahoma;

margin-top: 6px;

}

</style>

</telerik:RadCodeBlock>

<div id="mainDiv">

<telerik:RadFormDecorator ID="QsfFromDecorator" runat="server" DecoratedControls="All" EnableRoundedCorners="true" />

<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

<script type="text/javascript">

function ShowEditForm(id, rowIndex) {

var grid = $find("<%= RadGrid1.ClientID %>");

var rowControl = grid.get_masterTableView().get_dataItems()[rowIndex].get_element();

grid.get_masterTableView().selectItem(rowControl, true);

window.radopen("EditFormcs.aspx?EmployeeID=" + id, "رزرو بلیط");

return false;

}

function ShowInsertForm() {

window.radopen("EditFormcs.aspx", "رزرو بلیط2");

return false;

}

function refreshGrid(arg) {

if (!arg) {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("Rebind");

}

else {

$find("<%= RadAjaxManager1.ClientID %>").ajaxRequest("RebindAndNavigate");

}

function RowDblClick(sender, eventArgs) {

window.radopen("Pg_Normaltickets.aspx?siD=" + eventArgs.getDataKeyValue("sid"), "نمایش تاریخ ها");

}

</script>

</telerik:RadCodeBlock>

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadAjaxManager1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1"></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<br />

<div dir="rtl">

<telerik:RadGrid OnItemCreated="RadGrid1_ItemCreated" ID="RadGrid1" runat="server"

AllowPaging="True" Width="80%"

AutoGenerateColumns="False" CellSpacing="0" Font-Names="Tahoma"

GridLines="None" Skin="Metro" Culture="fa-IR">

<MasterTableView DataKeyNames="sid" ClientDataKeyNames="sid"

Width="100%" CommandItemDisplay="Top" PageSize="10">

<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<RowIndicatorColumn Visible="True" FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>

<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>

<Columns>

<telerik:GridBoundColumn DataField="sid" HeaderText="sid" ReadOnly="True"

SortExpression="sid" UniqueName="sid"

Visible="False">

<ItemStyle Font-Names="Tahoma" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="descr" HeaderText="نمایش" SortExpression="FirstName"

UniqueName="FirstName">