admin管理员组文章数量:1391785
I have a RadGrid that has columns programatically added to it during PageLoad. For my webpage, there will always be at least one column with an empty width (HeaderStyle.Width = Unit.Empty), with the rest of the columns using specific pixel widths. All columns are resizable. (In my app, we are retrieving and saving these widths in the database) The grid is scrollable, so if they extend past the limits of the grid, the user can scroll without the grid itself being resized.
The problem I'm having is that when the user resizes the browser window, at a certain width the blank column(s) will eventually get reduced to 0 width (as they are taking up the "leftover" space. Is there any approach that will allow me to limit this auto-resizing to 100px, so that the column is guaranteed to be visible?
At least one column has to be of null OR percentage width, or else the RadGrid will default all columns to a percentage width, thus nullifying my specific pixel width designations.
An approach I've tried is to add a blank column that fills in the rest of the space, as it wouldn't matter if it was 0 width. However, this causes problems when resizing the other columns. In this case, the blank column should be "consumed" until it is zero width, and then start extending the grid size (or add a scroll bar in this case). Instead, it simply gets pushed to the side, maintaining its width. I don't know if this approach is feasible or not, but I've left it in the code, simple unment it to play around with it.
Here's my code:
ASPX:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AA_TEST.aspx.cs" Inherits="Records.AA_TEST" %>
<body id="body" runat="server">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadGrid ID="RecordGrid" runat="server" Width="99%" BorderWidth="1px" AutoGenerateColumns="false"
AllowPaging="true" AllowCustomPaging="true" PageSize="20" AllowSorting="true" AllowFilteringByColumn="false"
HeaderStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" HeaderStyle-VerticalAlign="Top"
ItemStyle-HorizontalAlign="Left" AlternatingItemStyle-HorizontalAlign="Left"
ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top"
OnNeedDataSource="RecordGrid_NeedDataSource" OnItemDataBound="RecordGrid_ItemDataBound" >
<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" />
<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" TableLayout="Fixed"
EnableHeaderContextMenu="false" AllowCustomSorting="true" AllowMultiColumnSorting="true"
Width="100%">
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" ColumnsReorderMethod="Reorder" ReorderColumnsOnClient="True" ClientMessages-DragToGroupOrReorder="">
<ClientEvents OnColumnResized="columnResized" />
<Resizing EnableRealTimeResize="true" AllowColumnResize="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="true"/>
<Scrolling AllowScroll="true" SaveScrollPosition="true" UseStaticHeaders="true" />
</ClientSettings>
<SortingSettings SortToolTip="" SortedAscToolTip="" SortedDescToolTip="" />
<GroupingSettings CaseSensitive="false" />
</telerik:RadGrid>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RecordGrid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RecordGrid" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Inline" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
//<![CDATA[
function columnResized(sender, eventArgs) {
var masterTableView = sender.get_masterTableView();
var uniqueName = eventArgs.get_gridColumn().get_uniqueName();
if (!(uniqueName == "DeleteButton")) {
var deleteColumn = masterTableView.getColumnByUniqueName("DeleteButton");
if (deleteColumn != null) {
var deleteColumnIndex = deleteColumn.get_element().cellIndex;
deleteColumn.set_resizable(true);
masterTableView.resizeColumn(deleteColumnIndex, 30);
deleteColumn.set_resizable(false);
}
}
}
//]]>
</script>
</telerik:RadScriptBlock>
</form>
</body>
ASPX.CS:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
namespace Records
{
public partial class AA_TEST : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
InitRecordGrid();
}
protected void InitRecordGrid()
{
if (!IsPostBack)
{
GridBoundColumn firstNameColumn = new GridBoundColumn();
firstNameColumn.UniqueName = "FirstName";
firstNameColumn.DataField = "FirstName";
firstNameColumn.DataType = typeof(System.String);
firstNameColumn.HeaderText = "First Name";
firstNameColumn.Resizable = true;
firstNameColumn.Reorderable = true;
firstNameColumn.HeaderStyle.Width = Unit.Pixel(250);
RecordGrid.Columns.Add(firstNameColumn);
GridBoundColumn lastNameColumn = new GridBoundColumn();
lastNameColumn.UniqueName = "LastName";
lastNameColumn.DataField = "LastName";
lastNameColumn.DataType = typeof(System.String);
lastNameColumn.HeaderText = "Last Name";
lastNameColumn.Resizable = true;
lastNameColumn.Reorderable = true;
lastNameColumn.HeaderStyle.Width = Unit.Empty;
//lastNameColumn.HeaderStyle.Width = Unit.Pixel(250);
RecordGrid.Columns.Add(lastNameColumn);
/*
GridButtonColumn blankColumn = new GridButtonColumn();
blankColumn.UniqueName = "blank";
blankColumn.Resizable = false;
blankColumn.Reorderable = false;
blankColumn.HeaderStyle.Width = Unit.Empty;
RecordGrid.Columns.Add(blankColumn);
*/
GridButtonColumn deleteColumn = new GridButtonColumn();
deleteColumn.UniqueName = "DeleteButton";
deleteColumn.HeaderStyle.Width = Unit.Pixel(30);
deleteColumn.ButtonType = GridButtonColumnType.ImageButton;
deleteColumn.ImageUrl = "/images/Delete.gif";
deleteColumn.ItemStyle.CssClass = "delete";
deleteColumn.CommandName = "Delete";
deleteColumn.Resizable = false;
deleteColumn.Reorderable = false;
RecordGrid.Columns.Add(deleteColumn);
}
}
protected void RecordGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)
{
List<NameRow> nameRows = new List<NameRow>();
// Filler data
nameRows.Add(new NameRow("Tyrion", "Lannister"));
nameRows.Add(new NameRow("Jaime", "Lannister"));
nameRows.Add(new NameRow("Daenerys", "Targeryen"));
nameRows.Add(new NameRow("Jon", "Snow"));
nameRows.Add(new NameRow("Robb", "Stark"));
nameRows.Add(new NameRow("Benjamin", "Stark"));
nameRows.Add(new NameRow("Khal", "Drogo"));
RecordGrid.DataSource = nameRows;
}
protected void RecordGrid_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
{
GridDataItem item = e.Item as GridDataItem;
NameRow user = item.DataItem as NameRow;
item["FirstName"].Text = user.FirstName;
item["LastName"].Text = user.LastName;
}
}
public class NameRow
{
public string FirstName = "";
public string LastName = "";
public NameRow(string first, string last)
{
FirstName = first;
LastName = last;
}
}
}
}
I have a RadGrid that has columns programatically added to it during PageLoad. For my webpage, there will always be at least one column with an empty width (HeaderStyle.Width = Unit.Empty), with the rest of the columns using specific pixel widths. All columns are resizable. (In my app, we are retrieving and saving these widths in the database) The grid is scrollable, so if they extend past the limits of the grid, the user can scroll without the grid itself being resized.
The problem I'm having is that when the user resizes the browser window, at a certain width the blank column(s) will eventually get reduced to 0 width (as they are taking up the "leftover" space. Is there any approach that will allow me to limit this auto-resizing to 100px, so that the column is guaranteed to be visible?
At least one column has to be of null OR percentage width, or else the RadGrid will default all columns to a percentage width, thus nullifying my specific pixel width designations.
An approach I've tried is to add a blank column that fills in the rest of the space, as it wouldn't matter if it was 0 width. However, this causes problems when resizing the other columns. In this case, the blank column should be "consumed" until it is zero width, and then start extending the grid size (or add a scroll bar in this case). Instead, it simply gets pushed to the side, maintaining its width. I don't know if this approach is feasible or not, but I've left it in the code, simple unment it to play around with it.
Here's my code:
ASPX:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AA_TEST.aspx.cs" Inherits="Records.AA_TEST" %>
<body id="body" runat="server">
<form id="form1" runat="server">
<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
<telerik:RadGrid ID="RecordGrid" runat="server" Width="99%" BorderWidth="1px" AutoGenerateColumns="false"
AllowPaging="true" AllowCustomPaging="true" PageSize="20" AllowSorting="true" AllowFilteringByColumn="false"
HeaderStyle-Wrap="true" HeaderStyle-HorizontalAlign="Left" HeaderStyle-VerticalAlign="Top"
ItemStyle-HorizontalAlign="Left" AlternatingItemStyle-HorizontalAlign="Left"
ItemStyle-VerticalAlign="Top" AlternatingItemStyle-VerticalAlign="Top"
OnNeedDataSource="RecordGrid_NeedDataSource" OnItemDataBound="RecordGrid_ItemDataBound" >
<PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" Position="Bottom" />
<MasterTableView AutoGenerateColumns="false" CommandItemDisplay="None" TableLayout="Fixed"
EnableHeaderContextMenu="false" AllowCustomSorting="true" AllowMultiColumnSorting="true"
Width="100%">
</MasterTableView>
<ClientSettings AllowColumnsReorder="True" ColumnsReorderMethod="Reorder" ReorderColumnsOnClient="True" ClientMessages-DragToGroupOrReorder="">
<ClientEvents OnColumnResized="columnResized" />
<Resizing EnableRealTimeResize="true" AllowColumnResize="true" ClipCellContentOnResize="true" ResizeGridOnColumnResize="true"/>
<Scrolling AllowScroll="true" SaveScrollPosition="true" UseStaticHeaders="true" />
</ClientSettings>
<SortingSettings SortToolTip="" SortedAscToolTip="" SortedDescToolTip="" />
<GroupingSettings CaseSensitive="false" />
</telerik:RadGrid>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="RecordGrid">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="RecordGrid" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Inline" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
<script type="text/javascript">
//<![CDATA[
function columnResized(sender, eventArgs) {
var masterTableView = sender.get_masterTableView();
var uniqueName = eventArgs.get_gridColumn().get_uniqueName();
if (!(uniqueName == "DeleteButton")) {
var deleteColumn = masterTableView.getColumnByUniqueName("DeleteButton");
if (deleteColumn != null) {
var deleteColumnIndex = deleteColumn.get_element().cellIndex;
deleteColumn.set_resizable(true);
masterTableView.resizeColumn(deleteColumnIndex, 30);
deleteColumn.set_resizable(false);
}
}
}
//]]>
</script>
</telerik:RadScriptBlock>
</form>
</body>
ASPX.CS:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;
namespace Records
{
public partial class AA_TEST : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
InitRecordGrid();
}
protected void InitRecordGrid()
{
if (!IsPostBack)
{
GridBoundColumn firstNameColumn = new GridBoundColumn();
firstNameColumn.UniqueName = "FirstName";
firstNameColumn.DataField = "FirstName";
firstNameColumn.DataType = typeof(System.String);
firstNameColumn.HeaderText = "First Name";
firstNameColumn.Resizable = true;
firstNameColumn.Reorderable = true;
firstNameColumn.HeaderStyle.Width = Unit.Pixel(250);
RecordGrid.Columns.Add(firstNameColumn);
GridBoundColumn lastNameColumn = new GridBoundColumn();
lastNameColumn.UniqueName = "LastName";
lastNameColumn.DataField = "LastName";
lastNameColumn.DataType = typeof(System.String);
lastNameColumn.HeaderText = "Last Name";
lastNameColumn.Resizable = true;
lastNameColumn.Reorderable = true;
lastNameColumn.HeaderStyle.Width = Unit.Empty;
//lastNameColumn.HeaderStyle.Width = Unit.Pixel(250);
RecordGrid.Columns.Add(lastNameColumn);
/*
GridButtonColumn blankColumn = new GridButtonColumn();
blankColumn.UniqueName = "blank";
blankColumn.Resizable = false;
blankColumn.Reorderable = false;
blankColumn.HeaderStyle.Width = Unit.Empty;
RecordGrid.Columns.Add(blankColumn);
*/
GridButtonColumn deleteColumn = new GridButtonColumn();
deleteColumn.UniqueName = "DeleteButton";
deleteColumn.HeaderStyle.Width = Unit.Pixel(30);
deleteColumn.ButtonType = GridButtonColumnType.ImageButton;
deleteColumn.ImageUrl = "/images/Delete.gif";
deleteColumn.ItemStyle.CssClass = "delete";
deleteColumn.CommandName = "Delete";
deleteColumn.Resizable = false;
deleteColumn.Reorderable = false;
RecordGrid.Columns.Add(deleteColumn);
}
}
protected void RecordGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)
{
List<NameRow> nameRows = new List<NameRow>();
// Filler data
nameRows.Add(new NameRow("Tyrion", "Lannister"));
nameRows.Add(new NameRow("Jaime", "Lannister"));
nameRows.Add(new NameRow("Daenerys", "Targeryen"));
nameRows.Add(new NameRow("Jon", "Snow"));
nameRows.Add(new NameRow("Robb", "Stark"));
nameRows.Add(new NameRow("Benjamin", "Stark"));
nameRows.Add(new NameRow("Khal", "Drogo"));
RecordGrid.DataSource = nameRows;
}
protected void RecordGrid_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
{
GridDataItem item = e.Item as GridDataItem;
NameRow user = item.DataItem as NameRow;
item["FirstName"].Text = user.FirstName;
item["LastName"].Text = user.LastName;
}
}
public class NameRow
{
public string FirstName = "";
public string LastName = "";
public NameRow(string first, string last)
{
FirstName = first;
LastName = last;
}
}
}
}
1 Answer
Reset to default 3protected void RadGrid1_PreRender(object sender, EventArgs e)
{
GridColumn gridCol = RadGrid1.MasterTableView.GetColumn("columnname");
gridCol.HeaderStyle.Width = Unit.Pixel(100);
}
本文标签： cWays to set a minimum width on a Radgrid column with an empty widthStack Overflow
版权声明：本文标题：c# - Ways to set a minimum width on a Radgrid column with an empty width - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744772653a2624434.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论