Rad技巧集合

1、AJAX加载模板：设置EnableAJAXLoadingTemplate="True"，在<MasterTableView>标签前加入：

<AJAXLoadingTemplate>
                   <img src="img/loading.jpg" alt="" />
</AJAXLoadingTemplate>

2、页码分页：在<MasterTableView>标签前加入：

<PagerStyle Mode="NumericPages"></PagerStyle>

3、排序中文定制：在</MasterTableView>标签后加入：

<SortingSettings SortedAscToolTip="升序排列" SortedDescToolTip="降序排列" SortToolTip="排序" />

<StatusBarSettings ReadyText="就绪" />

4、编辑按钮文字：在</MasterTableView>标签前加入：

<EditFormSettings>
        <EditColumn CancelText="取消" InsertText="插入新值" UpdateText="修改">
        </EditColumn>
    </EditFormSettings>

5、多页显示：在</MasterTableView>标签后加入：

<PagerStyle PagerTextFormat="翻页: {4} &amp;nbsp;|&amp;nbsp;               共{1}页,第{0}页 , 共{5}项,{2} 到 {3}项." />

6、数据分组：设置ShowGroupPanel="True"，在<MasterTableView>内加入：

<GroupByExpressions>
                    <radG:GridGroupByExpression>
                        <SelectFields>
                            <radG:GridGroupByField FieldAlias="监测" FieldName="DAY" FormatString="{0:D}" HeaderValueSeparator="在该日: "></radG:GridGroupByField>
                        </SelectFields>
                        <GroupByFields>
                            <radG:GridGroupByField FieldName="DAY" SortOrder="Descending" FieldAlias="DAY" FormatString="{0:'yyyy-MM-dd'}"></radG:GridGroupByField>
                        </GroupByFields>
                    </radG:GridGroupByExpression>
                </GroupByExpressions>

在<MasterTableView>外加入：

<GroupingSettings GroupSplitDisplayFormat="展示 {0}到 {1}项." />

 

7、客户端行选择事件：

加入：<ClientSettings>
    <Selecting AllowRowSelect="True"></Selecting>
    <ClientEvents OnGridCreated="GridCreated" OnRowSelected="RowSelected"></ClientEvents>
</ClientSettings>

----------也可以服务端RadGrid1.ClientSettings.Selecting.AllowRowSelect = true;

<script type="text/javascript">
var grid;
function RowSelected(rowObject)
{
   var selRow = this.GetCellByColumnUniqueName(rowObject,"ContactName");
   //here selRow.innerHTML will hold the value for the selected row contact name
}
function GetSelectedNames()
{
for (var i = 0; i < grid.MasterTableView.SelectedRows.length; i++)
   {
  var curRow = grid.MasterTableView.GetCellByColumnUniqueName(grid.MasterTableView.SelectedRows[i], "ContactName");
  //here curRow.innerHTML will hold the value for the selected rows contact names
   }
}
function GridCreated()
{
   grid = this;
}
</script>