我有一個RadGrid,它在PageLoad期間以編程方式添加了列。對於我的網頁,總會有至少一個空白寬的列(HeaderStyle.Width = Unit.Empty),其餘列使用特定的像素寬度。所有列都可以調整大小。 (在我的應用程序中,我們檢索並在數據庫中保存這些寬度)網格是可滾動的,所以如果它們超出網格的極限,用戶可以滾動而不調整網格本身的大小。如何在空白寬度的Radgrid列上設置最小寬度
我遇到的問題是,當用戶調整瀏覽器窗口的大小時,空白列最終會減少到0寬度(因爲它們佔用了「剩餘空間」。有任何方法可以讓我將自動調整大小限制爲100px,以保證列可見?
至少一列必須爲空或百分比寬度,否則RadGrid將默認爲全部列的百分比寬度,從而取消我的特定像素寬度指定
我試過的一種方法是添加一個空白列填充空間的其餘部分,因爲它不會有問題,如果它是0寬度Howe這在調整其他列的大小時會導致問題。在這種情況下,應將空白列「消耗」到零寬度,然後開始擴展網格大小(或者在此情況下添加滾動條)。相反,它只是被推到一邊,保持其寬度。我不知道這種方法是否可行,但我已經將它留在代碼中,簡單地取消它的註釋。
這裏是我的代碼:
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;
}
}
}
}
謝謝你的答覆。此修補程序幾乎是完美的,除了調整其他列之一時,未設置的列將捕捉到100個像素。有沒有辦法保持它的大小,直到它需要減少? – 2013-04-30 20:24:22
你可以把條件放在這取決於值。請將此標記爲答案或投票,如果它幫助你,謝謝 – 2013-05-01 10:26:58
沒有爲我工作。 – Dhananjay 2015-05-13 17:50:35