超链接配置

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

1.1.表格超链接配置 1.1.表格超链接配置

目前主要是支持文本框上配置超链接。在表格的某列能够是个超链接,可以配置自己的方法。新旧表格相同配置
表格超链接-效果1

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

2.1.表格超链接配置 2.1. 表格超链接配置

  1. 对象建模–业务对象–业务对象管理:编辑业务对象,点击【方法定义】Tab在方法定义中新增一个自定义的方法(此步骤的操作可以参考自定义js )。如果链接是取默认的方法或者已经添加自定义方法可以跳过。
    表格超链接-配置1
  2. 对象建模–业务对象–业务对象管理:编辑业务对象,点击【可视化布局】按钮,进入到可视化界面。在可视化布局中,找到要配置超链接的字段。字段【方法名】中填入方法定义中的方法名称。
    表格超链接-配置2
    表格超链接-配置3
  3. 以上步骤结束,则平台操作完成。需要在二次扩展js文件中编写逻辑。此步骤可以参考【3.1自定义js方法】。

代码

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

    </g-column>
            <g-column    cell-align="center" width="150" data="testCaseName | limitTo:16"     >
                名称            
                <g-column-tmpl>
                    <a href="javascript:;" class="color-link"  title="链接"  ng-click="custLinkTestLixq301Db(row.testLixq301Id,row)" g-per="/testLixq301Db/custLink" >{{row.testCaseName}}</a>

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

js文件testLixq301DbManageCtr.js文件中方法如下:

  $scope.custLinkTestLixq301Db = function (aa, bb, cc) {
            alert('请编写链接自定义方法');
        };

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

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

1.在对应的js中编写要执行的js内容。(此处的custLink方法变成custLinkTestLixq301Db是因为这个方法在管理页,html上的点击方法上会新增业务对象的名称)
前端js文件testLixq301DbManageCtr.js文件方法如下:

  $scope.custLinkTestLixq301Db = function (aa, bb, cc) {
            alert('请编写链接自定义方法');
        };

     $scope.custLinkTestLixq301Db = function (aa, bb, cc) {
            alert('请编写链接自定义方法');
        };

4.版本更新 4.版本更新