1.基本功能 1.基本功能

1.1.表格操作列配置 1.1. 表格操作列配置

表格操作列中默认有三个方法（edit ，view ，delete）这三个方法是默认的平台方法且只有表格的维护方式是【新页面编辑】的配置操作列才会生成。注意表格是【当前表单内编辑】和【表格内编辑】这两种无法配置表格操作列，除非所使用的是自定义的方法（新/旧表格配置相同）。
表格操作-列效果1

1.2.表格操作按钮配置 1.2. 表格操作按钮配置

表格支持配置自定义操作按钮，一列可以支持配置一个或者多个操作按钮，例子【处理】、【计费】功能。
表格操作按钮-效果1

表格操作按钮-效果2

2.配置方法 2.配置方法

2.1.表格操作列配置 2.1.表格操作列配置

配置

对象建模–业务对象–业务对象管理：编辑业务对象，点击【可视化布局】按钮，进入到可视化界面。
选中GRID表格后点击表格上方齿轮按钮。
选中物理主键字段，选择方法名（edit,view,delete）方法单击【>】按钮添加选取字段。

代码

旧表格代码举例：在表格对应的html的表格中生成了操作列。

 <g-column cell-align="center"
    width="100px"    >
        操作
    <g-column-tmpl>

                        <a href="javascript:;"
                           class="btn_set"  
                           title="删除"
                           ng-click="deleteTestCaseNew103(row.wmsInbReceiptOneId,row)"
                           g-per="/testCaseNew103/delete"><i
                                class="btn-set-icon iconfont icon-shanchu"
                                title="删除" ></i></a>
                        <a href="javascript:;"
                           class="btn_set" 
                           title="编辑"
                           ng-click="editTestCaseNew103(row.wmsInbReceiptOneId,row)"
                           g-per="/html/sample/test/testCaseNew103Edit.html"><i
                                class="btn-set-icon iconfont icon-shuru"
                                title="编辑" ></i>
                        </a>
                    <a href="javascript:;" class="btn_set"  
                       title="查看"
                       ng-click="viewTestCaseNew103(row.wmsInbReceiptOneId, row)"
                       g-per="/html/sample/test/testCaseNew103View.html"><i
                            class="btn-set-icon iconfont icon-search"
                            title="查看" ></i></a>

</g-column-tmpl>
</g-column>

新表格代码举例：在表格对应的html的表格中生成了操作列。

    <g-hot-column-tmpl>
        <div class="columnTmplCss" align="center" >
                        <a href="javascript:;"
                           class="btn_set" 
                           title="编辑"

                           ng-click="editTestCaseHot206(row.testCase206Id,row)"
                           g-per="/html/sample/test/testCaseHot206Edit.html"><i
                                class="btn-set-icon iconfont icon-shuru"
                                title="编辑" ></i>
                        </a>
                    <a href="javascript:;" class="btn_set"  
                       title="查看"

                       ng-click="viewTestCaseHot206(row.testCase206Id, row)"
                       g-per="/html/sample/test/testCaseHot206View.html"><i
                            class="btn-set-icon iconfont icon-search"
                            title="查看" ></i></a>
                        <a href="javascript:;"
                           class="btn_set"  
                           title="删除"

                           ng-click="deleteTestCaseHot206(row.testCase206Id,row)"
                           g-per="/testCaseHot206/delete"><i
                                class="btn-set-icon iconfont icon-shanchu"
                                title="删除" ></i></a>
            <!-- haveProcess: false haveBindWorkFlow: false -->
        </div>
</g-hot-column-tmpl>

2.2.表格操作按钮配置 2.2.表格操作按钮配置

配置

对象建模–业务对象–业务对象管理：编辑业务对象，属性定义的Tab点击【新增】按钮，进入到新增属性定义。其中属性类型是虚拟字段。
对象建模–业务对象–业务对象管理：编辑业务对象，方法定义点击【新增】按钮：新增一个自定义的方法参考自定义js链接。如果链接是取默认的方法或者已经添加自定义方法可以跳过。如果是要配置多个则需要新增多个自定义方法。具体自定义代码格式可以见【3.1自定义js方法】
进入到可视化界面。
在可视化布局中，选择方法名（custBtnTwo）方法单击【>】按钮添加选取方法。

5.在可视化布局中，选中操作列字段，然后修改其控件类型为【操作按钮】，填写对应的方法名称。根据勾选方法名称进行填写方法修改。

3.常用扩展 3.常用扩展

3.1.自定义js方法 3.1.自定义js方法

在本地工程中打开二次开发扩展js文件。编写扩展方法的逻辑。
在对应的js中编写要执行的js内容。（此处的custBtn、custBtnTwo方法变成custBtnTestLixq301Db、custBtnTestLixq301Db是因为这个方法在管理页，html上的点击方法上会新增业务对象的名称）文件名称: testLixq301DbManageCtrl.js中具体方法如下

    $scope.custBtnTestLixq301Db = function (aa, bb, cc) {
            alert('请编写操作按钮111自定义按钮');
        };
    $scope.custBtnTwoTestLixq301Db = function (aa, bb, cc) {
            alert('请编写操作按钮111自定义按钮');
        };

在对应的html文件中代码，在表格列中会生成个a标签

  <g-column cell-align="center" width="100px"   >
        操作
        <g-column-tmpl>

                            <a href="javascript:;" class="color-link"
                                    title="处理"
                                 ng-click="custBtnTestLixq301Db(row.testLixq301Id,row)">
                                    处理
                            </a>
                            <a href="javascript:;" class="color-link"
                                    title="计费"
                                 ng-click="custBtnTwoTestLixq301Db(row.testLixq301Id,row)">
                                    计费
                            </a>
                <!-- haveProcess: false haveBindWorkFlow: false -->

        </g-column-tmpl>
    </g-column>

Gschool

操作列配置