<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Display.ascx.cs" Inherits="PSCPortal.Portlets.DMS.Display" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<script lang="javascript" type="text/javascript">
document.title = 'Tra cứu văn bản';
var dialogMethod;
function CallWebMethodSuccess(results, context, methodName) {
switch (methodName) {
case "Search":
{
GetDocumentListCallback(results, context, methodName);
}
break;
}
}
function CallWebMethodFailed(results, context, methodName) {
alert(results._message);
}
function GetDocumentListCallback(results, context, methodName) {
var index = results.lastIndexOf('_');
var totalRecord = parseInt(results.substring(index + 1));
results = results.substring(0, index);
var grid = $find("<%=gvResults.ClientID%>");
var tableView = grid.get_masterTableView();
tableView.set_dataSource(Sys.Serialization.JavaScriptSerializer.deserialize(results));
tableView.dataBind();
tableView.set_virtualItemCount(totalRecord);
}
function Search(startIndex, rowCount) {
if (rowCount == -1) {
var grid = $find("<%=gvResults.ClientID%>");
var tableView = grid.get_masterTableView();
rowCount = tableView.get_pageSize();
}
var txtNotation = document.getElementById("<%= txtNotation.ClientID %>");
var txtSubject = document.getElementById("<%= txtSubject.ClientID %>");
var txtContent = document.getElementById("<%= txtContent.ClientID %>");
var rcbField = $find("<%=ddlListField.ClientID %>");
var rcbCategory = $find("<%=ddlDocumentCategory.ClientID %>");
var rcbCategories = $find("<%=ddlCategories.ClientID %>");
var rdpBeginDate = $find("<%= rdpBeginDate.ClientID %>");
var rdpEndDate = $find("<%= rdpEndDate.ClientID %>");
PSCPortal.Services.DMSSearch.Search(txtNotation.value, txtSubject.value, txtContent.value, rcbField.get_value(), rcbCategory.get_value(), rcbCategories.get_value(), rdpBeginDate.get_textBox().value, rdpEndDate.get_textBox().value, false, startIndex, rowCount, CallWebMethodSuccess, CallWebMethodFailed);
}
function gvResults_Command(sender, args) {
args.set_cancel(true);
sender.get_masterTableView().clearSelectedItems();
var currentPageIndex = sender.get_masterTableView().get_currentPageIndex();
var pageSize = sender.get_masterTableView().get_pageSize();
var sortExpressions = sender.get_masterTableView().get_sortExpressions();
var txtNotation = document.getElementById("<%= txtNotation.ClientID %>");
var txtSubject = document.getElementById("<%= txtSubject.ClientID %>");
var txtContent = document.getElementById("<%= txtContent.ClientID %>");
var rcbField = $find("<%=ddlListField.ClientID %>");
var rcbCategory = $find("<%=ddlDocumentCategory.ClientID %>");
var rcbCategories = $find("<%=ddlCategories.ClientID %>");
var rdpBeginDate = $find("<%= rdpBeginDate.ClientID %>");
var rdpEndDate = $find("<%= rdpEndDate.ClientID %>");
PSCPortal.Services.DMSSearch.Search(txtNotation.value, txtSubject.value, txtContent.value, rcbField.get_value(), rcbCategory.get_value(), rcbCategories.get_value(), rdpBeginDate.get_textBox().value, rdpEndDate.get_textBox().value, false, currentPageIndex * pageSize, pageSize, CallWebMethodSuccess, CallWebMethodFailed);
}
function pageLoad() {
var gridEl = document.getElementById("<%=gvResults.ClientID%>");
if (gridEl) {
var inputs = gridEl.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].setAttribute("autocomplete", "off");
}
}
var grid = $find("<%=gvResults.ClientID%>");
if (grid) {
var tableView = grid.get_masterTableView();
tableView.set_dataSource("");
tableView.dataBind();
tableView.set_virtualItemCount(0);
Search(0, 10);
}
}
function OnClientSelectedIndexChangedHandler(sender, eventArgs) {
var inputElement = sender.get_inputDomElement();
inputElement.style.backgroundColor = "blue";
inputElement.style.color = "yellow";
inputElement.style.height = "37px";
inputElement.style.textAlign = "center";
}
</script>
</telerik:RadCodeBlock>
<div class="slider-hoat-dong tab-list tab-khv0">
<div id="tracuuvb" class="formdocumentkh">
<telerik:RadGrid ID="gvResults" runat="server" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" Skin="Windows7" GridLines="None" AllowMultiRowSelection="True">
<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="Change page: {4} {5} văn bản / {1} trang" PageSizeLabelText="Số văn bản" EnableSEOPaging="False" />
<MasterTableView ClientDataKeyNames="Id" AllowMultiColumnSorting="True" NoMasterRecordsText="Không tìm thấy dữ liệu.">
<Columns>
<telerik:GridBoundColumn HeaderText="Số ký hiệu" DataField="Notation" HeaderStyle-Width="120px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Ngày ký" DataField="CreatedDate" HeaderStyle-Width="70px" DataFormatString="{0:dd/MM/yyyy}">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Trích yếu" DataField="Subject" HeaderStyle-Width="670px" ItemStyle-HorizontalAlign="Left">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Lượt xem" DataField="LuotXem" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Tải về" DataField="Link" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings EnableRowHoverStyle="true">
<Selecting AllowRowSelect="True" />
<ClientEvents OnCommand="gvResults_Command" />
</ClientSettings>
</telerik:RadGrid>
</div>
</div>
My website uses Telerik RadGrid version ASP.NET AJAX. In mid-July, after Google updated Chrome, for a while, the page using RadGrid kept reloading continuously and added ? at the end of the address. ctl00_ContentPlaceHolder1_gvArticleChangePage=1, had to restart IIS to resolve the issue, but it reoccurred after a few days. At the same time, opening it with Safari and Firefox had no issues at all. I suspect that Chrome has updated some feature, so may I ask how to fix.
All pages using radgrid are affected, for example, one radgrid is currently affected.
<script lang="javascript" type="text/javascript">
document.title = 'Tra cứu văn bản';
var dialogMethod;
function CallWebMethodSuccess(results, context, methodName) {
switch (methodName) {
case "Search":
{
GetDocumentListCallback(results, context, methodName);
}
break;
}
}
function CallWebMethodFailed(results, context, methodName) {
alert(results._message);
}
function GetDocumentListCallback(results, context, methodName) {
var index = results.lastIndexOf('_');
var totalRecord = parseInt(results.substring(index + 1));
results = results.substring(0, index);
var grid = $find("<%=gvResults.ClientID%>");
var tableView = grid.get_masterTableView();
tableView.set_dataSource(Sys.Serialization.JavaScriptSerializer.deserialize(results));
tableView.dataBind();
tableView.set_virtualItemCount(totalRecord);
}
function Search(startIndex, rowCount) {
if (rowCount == -1) {
var grid = $find("<%=gvResults.ClientID%>");
var tableView = grid.get_masterTableView();
rowCount = tableView.get_pageSize();
}
var txtNotation = document.getElementById("<%= txtNotation.ClientID %>");
var txtSubject = document.getElementById("<%= txtSubject.ClientID %>");
var txtContent = document.getElementById("<%= txtContent.ClientID %>");
var rcbField = $find("<%=ddlListField.ClientID %>");
var rcbCategory = $find("<%=ddlDocumentCategory.ClientID %>");
var rcbCategories = $find("<%=ddlCategories.ClientID %>");
var rdpBeginDate = $find("<%= rdpBeginDate.ClientID %>");
var rdpEndDate = $find("<%= rdpEndDate.ClientID %>");
PSCPortal.Services.DMSSearch.Search(txtNotation.value, txtSubject.value, txtContent.value, rcbField.get_value(), rcbCategory.get_value(), rcbCategories.get_value(), rdpBeginDate.get_textBox().value, rdpEndDate.get_textBox().value, false, startIndex, rowCount, CallWebMethodSuccess, CallWebMethodFailed);
}
function gvResults_Command(sender, args) {
args.set_cancel(true);
sender.get_masterTableView().clearSelectedItems();
var currentPageIndex = sender.get_masterTableView().get_currentPageIndex();
var pageSize = sender.get_masterTableView().get_pageSize();
var sortExpressions = sender.get_masterTableView().get_sortExpressions();
var txtNotation = document.getElementById("<%= txtNotation.ClientID %>");
var txtSubject = document.getElementById("<%= txtSubject.ClientID %>");
var txtContent = document.getElementById("<%= txtContent.ClientID %>");
var rcbField = $find("<%=ddlListField.ClientID %>");
var rcbCategory = $find("<%=ddlDocumentCategory.ClientID %>");
var rcbCategories = $find("<%=ddlCategories.ClientID %>");
var rdpBeginDate = $find("<%= rdpBeginDate.ClientID %>");
var rdpEndDate = $find("<%= rdpEndDate.ClientID %>");
PSCPortal.Services.DMSSearch.Search(txtNotation.value, txtSubject.value, txtContent.value, rcbField.get_value(), rcbCategory.get_value(), rcbCategories.get_value(), rdpBeginDate.get_textBox().value, rdpEndDate.get_textBox().value, false, currentPageIndex * pageSize, pageSize, CallWebMethodSuccess, CallWebMethodFailed);
}
function pageLoad() {
var gridEl = document.getElementById("<%=gvResults.ClientID%>");
if (gridEl) {
var inputs = gridEl.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
inputs[i].setAttribute("autocomplete", "off");
}
}
var grid = $find("<%=gvResults.ClientID%>");
if (grid) {
var tableView = grid.get_masterTableView();
tableView.set_dataSource("");
tableView.dataBind();
tableView.set_virtualItemCount(0);
Search(0, 10);
}
}
function OnClientSelectedIndexChangedHandler(sender, eventArgs) {
var inputElement = sender.get_inputDomElement();
inputElement.style.backgroundColor = "blue";
inputElement.style.color = "yellow";
inputElement.style.height = "37px";
inputElement.style.textAlign = "center";
}
</script>
<telerik:RadGrid ID="gvResults" runat="server" AutoGenerateColumns="False" AllowPaging="True" AllowSorting="True" Skin="Windows7" GridLines="None" AllowMultiRowSelection="True">
<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="Change page: {4} {5} văn bản / {1} trang" PageSizeLabelText="S12" />
<MasterTableView ClientDataKeyNames="Id" AllowMultiColumnSorting="True" NoMasterRecordsText="Không tìm thấy dữ liệu.">
<Columns>
<telerik:GridBoundColumn HeaderText="Số ký hiệu" DataField="Notation" HeaderStyle-Width="120px">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Ngày ký" DataField="CreatedDate" HeaderStyle-Width="70px" DataFormatString="{0:dd/MM/yyyy}">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Trích yếu" DataField="Subject" HeaderStyle-Width="670px" ItemStyle-HorizontalAlign="Left">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Lượt xem" DataField="LuotXem" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Tải về" DataField="Link" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Center">
</telerik:GridBoundColumn>
</Columns>
</MasterTableView>
<ClientSettings EnableRowHoverStyle="true">
<Selecting AllowRowSelect="True" />
<ClientEvents OnCommand="gvResults_Command" />
</ClientSettings>
</telerik:RadGrid>

<telerik:RadGrid ID="dtgUses" runat="server" AllowSorting="true" AllowMultiRowEdit="true" AllowFilteringByColumn="true" PageSize="5" AutoGenerateColumns="false" ShowFooter="true" EnableHeaderContextMenu="true" Width="96%" EnableHeaderContextFilterMenu="true" OnPreRender="dtgUses_PreRender" OnNeedDataSource="dtgUses_NeedDataSource" OnItemDataBound="dtgUses_ItemDataBound" OnItemCommand="dtgUses_ItemCommand" AllowCustomPaging="true"> <ClientSettings AllowGroupExpandCollapse="true"> <Scrolling AllowScroll="true" ScrollHeight="125px" UseStaticHeaders="true" /> </ClientSettings> <PagerStyle Mode="NextPrevAndNumeric" /> <MasterTableView DataKeyNames="Id" GroupLoadMode="Server" AllowNaturalSort="true" ShowGroupFooter="true" ItemStyle-Wrap="false" CommandItemDisplay="Top" CommandItemSettings-ShowRefreshButton="False" EditMode="InPlace" IsFilterItemExpanded="false" FooterStyle-Wrap="false" TableLayout="Fixed"> <Columns> <telerik:GridTemplateColumn UniqueName="Use" HeaderText="Occupancy" HeaderButtonType="TextButton" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="125px" SortExpression="UseCodeDescr"> <ItemTemplate> <%# Eval("UseCodeDescr")%> </ItemTemplate> <EditItemTemplate> <telerik:RadComboBox runat="server" ID="cbUseCode" DataTextField="Descr" DataValueField="Id" Width="100%" /> </EditItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="Quality" HeaderText="Grade" HeaderButtonType="TextButton" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="70px" SortExpression="QualityShortDescr"> <ItemTemplate> <%# Eval("QualityShortDescr")%> </ItemTemplate> <EditItemTemplate> <telerik:RadComboBox runat="server" ID="cbQuality" DataTextField="Descr" DataValueField="Id" Width="100%" /> </EditItemTemplate> </telerik:GridTemplateColumn> <telerik:GridTemplateColumn UniqueName="Condition" HeaderText="Cond" HeaderButtonType="TextButton" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="70px" SortExpression="ConditionShortDescr"> <ItemTemplate> <%# Eval("ConditionShortDescr")%> </ItemTemplate> <EditItemTemplate> <telerik:RadComboBox runat="server" ID="cbCondition" DataTextField="Descr" DataValueField="Id" Width="100%" /> </EditItemTemplate> </telerik:GridTemplateColumn> <telerik:GridBoundColumn DataField="EffectiveYearBuilt" HeaderButtonType="TextButton" HeaderStyle-HorizontalAlign="Right" HeaderText="Eff. Year" HeaderStyle-Width="50px" SortExpression="EffectiveYearBuilt" UniqueName="EffectiveYearBuilt" DataType="System.Int16"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="YearRemodeled" HeaderButtonType="TextButton" HeaderStyle-HorizontalAlign="Right" HeaderText="Remodel Year" HeaderStyle-Width="75px" SortExpression="YearRemodeled" UniqueName="YearRemodeled" DataType="System.Int16" FooterText="Total Area:" FooterStyle-HorizontalAlign="Right"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="ActualArea" HeaderButtonType="TextButton" ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" HeaderText="Actual Area" HeaderStyle-Width="50px" ReadOnly="true" SortExpression="ActualArea" UniqueName="ActualArea" Aggregate="Sum" FooterAggregateFormatString="{0:G}" DataType="System.Decimal" FooterStyle-HorizontalAlign="Right"> </telerik:GridBoundColumn> <telerik:GridBoundColumn DataField="Percent" HeaderButtonType="TextButton" DataType="System.Decimal" HeaderStyle-HorizontalAlign="Right" HeaderStyle-Width="50px" ItemStyle-HorizontalAlign="Right" HeaderText="% of Section" SortExpression="Percent" UniqueName="PercentOfSection" DataFormatString="{0:P}" ReadOnly="true"> </telerik:GridBoundColumn> <telerik:GridButtonColumn UniqueName="Delete" CommandName="Delete" ButtonType="ImageButton" HeaderStyle-Width="20px" ImageUrl="~/skins/GovernBlue/Telerik/Grid/Delete.gif" ConfirmText="Are you sure you want to delete this use?" ItemStyle-HorizontalAlign="Center" ShowInEditForm="true" /> </Columns> </MasterTableView> </telerik:RadGrid>Hello,
I have a page which opens from a master page in RadWindow. Inside it I have RadGrid with ClientDeleteColumn.
When I set ClientIDMode=“Static” of RadGrid, OnGridCreated client event stops firing and clicking ClientDeleteColumn returns JavaScript error “Cannot read properties of null (reading ‘_clientDelete’) but the codebehind delete method executes. If I remove ClientIDMode=“Static” everything looks fine, OnGridCreated fires, clicking ClientDeleteColumn gets no errors but the codebehind delete method doesn’t execute (no log entries and after reloading the page the “deleted” row returns). What could be the problem and how to solve it? Thanks!
Hi
I am using visual studio 2022 c# .netframework 4.8 to create my application.
I am using telerik radgrid which has paging enabled. On the page there is a couple of inputs fields that users can enter, then when they run the Display button the values are passed the query that is run to populate the grid.
This works great if your on the first page of the data, if you scroll to the other pages and change the input fields value and click display the grid returns no rows. Even though the datasource has the correct rows, the grid is displaying no rows.
You can see the datasource has data returned
But the grid display nothing
Im using visual studio 2019 to develop an application in asp.net using c#
I have a telerik radgrid and it has a few columns that have text boxes to make it editable.
This works find but when the grid is loaded with data and the rows go to the bottom edge of the webpage you cant edit the text boxes in the last row, like they become readonly. This only happens to the first 5 editable columns the last 3 columns are ok and working.
Ive tried adding a DIV round the grid so the grid doesnt go right to the bottom of the webpage but the same issue occurs when the rows reach the bottom of the DIV.
Thanks
Hi
I am using telerik radgrid which has GridBoundColumns.
The query that is ran to populate the grid successfully returns the data.
However when the return values from the query is populated in a datatable it is blank and Im not sure why? Using C#
The column on the database is NUMBER datatype.
This is the grid on aspx page.
Any ideas on how to fix this please?
Thanks
Rakhee
