【问题标题】:How to insert a radio group inside data-grid?如何在数据网格中插入无线电组?
【发布时间】:2012-08-21 22:49:12
【问题描述】:

我的应用程序有一个粗略的模型,如下图所示:

我正在使用 jquery easyui 数据网格框架来获取此信息,但我无法插入单选组类型作为我的列之一,如我图片的状态列中所示。谁能帮助我如何在数据网格表中插入单选按钮?另一件事是,数据网格是获得这些类型功能的唯一方法还是我们可以获得相同东西的任何其他方式?如果有人知道任何其他方式,请帮助我。

谢谢。

【问题讨论】:

  • 我会问你一个问题。你为什么用 android 和 phonegap 标记这个问题?你在用安卓和phonegap的easyui吗?你是怎么做到的?网格或其他 easyui 组件在 Android 手机上看起来不错吗?
  • @Mehmet 嗨,感谢您的回复,我也有同样的疑问,比如我们能否在 android 平板电脑中实现这种数据网格类型的东西?你能告诉我这可能吗?

标签: html datagrid datagridview radio-button radio-group


【解决方案1】:

我也在使用 easyui 网格和其他组件。可以使用easyui datagrid的formatter属性看here

在格式化程序属性上,您可以将任何 innerHTML(如单选按钮、按钮、标签等)添加到 datagridcolumns。请看下面的示例,我在我的项目中使用此示例;

 var btnid="";
 FILL_TESTGRID: function (_data) {
            try {
                $('#TestGrid').datagrid({
                    singleSelect: true,
                    remoteSort: false,
                    fitcolumns: true,
                    nowrap: false,
                    columns: [[
                        { field: 'ID', title: 'ID', sortable: true },
                        { field: 'NAME', title: 'NAME', sortable: true },
                        { field: 'action', title: 'ColumntTitle3', formatter: function (value, row, index) {
                            var col;
                            if (row.ID!= null) {
                                col = '<input type="button" id="Btn'+row.ID+'"  onclick="TestFunc(' + row.ID + ')" value="Add" class="GridButton"/>';
                                btnid = "Btn"+row.ID; //set to a global for getting out grid
                            }
                            return col;
                        }
                        }
                    ]]                
            }
            catch (err) {
                alert(err)
            }
        }       
    }

    document.getElemntById(btnid); //getting button, radio or text (value,checked etc)

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2013-05-31
    • 2023-03-14
    • 2011-12-05
    • 2022-07-06
    • 1970-01-01
    • 2012-06-07
    • 1970-01-01
    • 2013-09-08
    相关资源
    最近更新 更多