标签: telerik-grid

Telerik RadGridView中的复选框单元格单击行为不直观,需要多次单击

我已正确绑定Telerik RadGridView,第一列是绑定复选框:

<telerik:GridViewCheckBoxColumn DataMemberBinding="{Binding Selected, Mode=TwoWay}"
                                Header="Generate" Width="95" IsReadOnly="False"/>
Run Code Online (Sandbox Code Playgroud)

我可以点击并更改复选框状态没问题.问题是选中复选框并不直观.为了让用户单击复选框,他们必须先单击复选框单元格,再次单击以激活,然后再次单击以选中复选框.单击三次以选中复选框.

有没有更好的或本地的方式使这无缝?我希望用户能够单击一个复选框并立即查看它,无论是否已选择行/单元格.我希望用户只需点击一下即可进行检查.

Infragistics控制可以在几年前完成.

有人可以解释如何在Telerik RadGridView for Silverlight中获得更直观的复选框行为吗?

silverlight silverlight-4.0 telerik-grid

4
推荐指数
1
解决办法
5205
查看次数

绑定telerik整行的背景(颜色):GridViewDataControl WPF控件

我有以下课程:

public class ErrorMessage
{
    public enum Severity { Error, Warning}

    public ErrorMessage(Severity severity, string description) 
    {
        this.severity = severity;
        this.description = description;
    }
    public Severity severity { get; set; }
    public string description { get; set; }
    public string background
    {
        get
        {
            switch (this.severity)
            {
                case Severity.Error: return "Red";
                case Severity.Warning: return "Yellow";
                default: throw new Exception("severity out of bounds");
            }
        }
    }
}
Run Code Online (Sandbox Code Playgroud)

我正在将一个ErrorMessage列表绑定到telerik GridViewDataControl WPF控件:

<telerik:GridViewDataControl Margin="0" telerik:StyleManager.Theme="Office_Silver" Name="errorsGridView" AutoGenerateColumns="False" CanUserSortColumns="False" IsFilteringAllowed="False" ShowGroupPanel="False">
    <telerik:GridViewDataControl.Columns>
        <telerik:GridViewDataColumn IsReadOnly="True" …
Run Code Online (Sandbox Code Playgroud)

c# wpf binding telerik telerik-grid

3
推荐指数
1
解决办法
1万
查看次数

泛型类型的Linq类型转换

我找到了这个代码,但即使我尝试了很多转换后它也无法运行.基本上它巧妙地将Datatable转换为可序列化的List.

错误是它无法将a转换Dictionary<string, object>List<object>:

public GridBindingData GetSomething() {

DataTable dt = GetDatatable();

var columns = dt.Columns.Cast<System.Data.DataColumn>();

var data = dt.AsEnumerable()
    .Select(r => columns.Select(c => new { Column = c.ColumnName, Value = r[c] })
    .ToDictionary(i => i.Column, i => i.Value != System.DBNull.Value ? i.Value : null))
    .ToList<object>();

return new GridBindingData() { Data = data , Count = dt.Rows.Count };
}
Run Code Online (Sandbox Code Playgroud)

我尝试了很多转换,包括:

List<object> newdata = (List<object>)data.AsEnumerable().Cast<object>();
Run Code Online (Sandbox Code Playgroud)

基本上,GridBindingData的Data属性必须有List<object>.那可能吗?

c# linq telerik-grid

3
推荐指数
1
解决办法
2478
查看次数

如何在Telerik RadGrid中选择行?

当用户在Telerik Rad Grid中选择一行时,我想在此行中获取字段.这该怎么做?

c# asp.net telerik telerik-grid

3
推荐指数
1
解决办法
2万
查看次数

格式化gridview中的datetime字段

我在gridvie中有一个字段,以下列格式显示日期

1/2/2012 3:45:13 AM
Run Code Online (Sandbox Code Playgroud)

如何格式化它以便显示秒数?

谢谢

   <telerik:GridBoundColumn 
    DataField="AdmissionDate" 
    HeaderText="Date" 
    SortExpression="AdmissionDate"
              HtmlEncode="False" />
Run Code Online (Sandbox Code Playgroud)

c# asp.net telerik-grid

3
推荐指数
1
解决办法
2万
查看次数

event.preventDefault() 不起作用

我使用 Telerik Grid 看到了这行代码:

      columns.Bound(o => o.URI).Width(10).Sortable(false)
                .ClientTemplate("<A class='btnGrid' id=source<#= ID #> onclick=GridSelection.addItem('<#= ID #>') >Add</A>").Title("").Width(50);
Run Code Online (Sandbox Code Playgroud)

GridSelection addItem和disableSelected函数的JS代码:

  GridSelection = {
      addItem: function (value) {

         var anchorOption = $("a[id=source" + value + "]");

         anchorOption.click(function (e) { // variable name changed from "event"
               e.preventDefault();
               return false;    // as suggested by mr. Hamdi
               });

         anchorOption.fadeTo("slow", .5);

         GridSelection.disableSelected(anchorOption, true);

         var data = $("#GridSource").data('tGrid').data;
         var selectedObject;
         for (var item in data) {
            if (data[item].ID == value) {
               selectedObject = data[item];
               break;
            }
         }

          var …
Run Code Online (Sandbox Code Playgroud)

javascript jquery telerik-grid preventdefault asp.net-mvc-3

3
推荐指数
1
解决办法
4万
查看次数

Kendo UI Grid根据条件不同的细节模板

我有这样的网格定义

@(Html.Kendo().Grid<FieldViewModel>(Model.Fields)
    .HtmlAttributes(new { @class = "fullScreen" })
    .Name("formFields")
    .ClientDetailTemplateId("formFieldsTemplate")
    .Columns(columns =>
        {
            columns.Bound(e => e.Key);
            columns.Bound(e => e.DisplayName);
            columns.Bound(e => e.FieldTypeName);
            columns.Bound(e => e.Order);
            columns.Bound(e => e.IsMandatory);
            columns.Bound(e => e.Type);
        })
    .Pageable()
    .Sortable()
    .Scrollable()
    .Selectable()
    .Resizable(resize => resize.Columns(true))
    .Groupable()
    .Filterable()
      .DataSource(dataSource => dataSource.Ajax().ServerOperation(false).Model(model => model.Id(e => e.Key))))
Run Code Online (Sandbox Code Playgroud)

和详细信息模板

<script id="formFieldsTemplate" type="text/kendo-tmpl">
    @(Html.Kendo().Grid<FieldViewModel>()
        .Name("FormField_#=Key#")
        .ClientDetailTemplateId("formFieldsTemplate")
        .Columns(columns =>
            {
                columns.Bound(e => e.Key);
                columns.Bound(e => e.DisplayName);
                columns.Bound(e => e.FieldTypeName);
                columns.Bound(e => e.Order);
                columns.Bound(e => e.IsMandatory);
                columns.Bound(e => e.Type);
            })
        .DataSource(dataSource => dataSource.Ajax().Read(read …
Run Code Online (Sandbox Code Playgroud)

c# telerik telerik-mvc telerik-grid kendo-ui

3
推荐指数
1
解决办法
8463
查看次数

Telerik MVC Grid,从自定义命令中删除ajax后重新绑定?

我有一个Telerik MVC网格,我试图删除一个项目后重新绑定网格.

这是我的网格:

@(Html.Telerik().Grid(Model.Item).Name("Items").Sortable().Scrollable(x => x.Height(400)).Filterable().Pageable(x => x.PageSize(20))
.Pageable()

.Columns(columns =>
{
    columns.Bound(x => x.Equipment.Location.Building.Name).Title("Building");
    columns.Bound(x => x.Equipment.Location.Room).Width(150);
    columns.Bound(x => x.Number).Title("Number").Width(150);
             columns.Command(commands =>
             {
                 if (Model.CanViewHistory)
                 {
                     commands
                     .Custom("ViewHistory")
                     .Text("History")
                     .ButtonType(GridButtonType.Text)
                     .SendState(false)
                     .DataRouteValues(x => x.Add(y => y.Id).RouteKey("id"))
                     .Action("Index", "ItemHistory");
                 }

                 if (Model.CanEdit)
                 {
                     commands
                    .Custom("Edit")
                    .Text("Edit")
                    .ButtonType(GridButtonType.Image).ImageHtmlAttributes(new { @class = "t-icon t-edit t-test" })
                    .DataRouteValues(x => x.Add(y => y.Id).RouteKey("id"))
                    .SendState(false)
                    .Action("Save", "Items");

                     commands
                    .Custom("Delete").HtmlAttributes(new { onclick = "return confirm('Are you sure you want to delete this item?')" })
                    .Text("Delete").Ajax(true)
                    .ButtonType(GridButtonType.Image).ImageHtmlAttributes(new …
Run Code Online (Sandbox Code Playgroud)

asp.net-mvc telerik telerik-mvc telerik-grid

3
推荐指数
1
解决办法
5509
查看次数

如何将IEnumerable列表从Ajax发送到Controller

我在MVC3中有一个Web应用程序,并且正在使用Telerik Grid Batch Editing。

批处理编辑具有“保存更改”按钮,该按钮将“更新的列”返回到控制器IEnumerable列表,例如

    [GridAction]
    public ActionResult Update(IEnumerable<Customers> updated)
    {
        ///user codes
    }
Run Code Online (Sandbox Code Playgroud)

但是如何收集更新的行并使数组像IEnumerable list这样从Java脚本中用Ajax发送到Controller?

编辑 我把我的观点png

在此处输入图片说明

我只想将更新的行数据发送到Controller,“保存更改”按钮可以做到这一点,但是在发送值之前,我只想问用户“您确定要加载吗?” 在发送数据后,我想刷新所有页面

所以我想对ajax请求执行此操作,因为我也在对ajax请求使用批处理编辑

您对此情况有经验吗?

javascript ajax asp.net-mvc telerik-mvc telerik-grid

3
推荐指数
1
解决办法
3641
查看次数

如何在Kendo UI网格中设置多行列

我需要将kendo ui网格的列设置为多行。

现在特定列中有很多数据,因此缩短了...是否有可能使该列成为多行?

css telerik telerik-grid kendo-ui kendo-grid

3
推荐指数
1
解决办法
4754
查看次数