起步软件技术论坛
搜索
 找回密码
 注册

QQ登录

只需一步,快速开始

12
返回列表 发新帖
楼主: dlgxwx

[处理中6] 动态创建的html添加onclick传参数

[复制链接]

18

主题

59

帖子

380

积分

中级会员

Rank: 3Rank: 3

积分
380
QQ
 楼主| 发表于 2016-7-12 12:14:00 | 显示全部楼层
这是一个windowDialog

<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" xid="window" class="window grid91" component="$UI/system/components/justep/window/window"
  design="device:pc;">  
  <div component="$UI/system/components/justep/model/model" xid="model" onLoad="modelLoad"
    style="top:85px;left:144px;height:auto;">
    <div component="$UI/system/components/justep/data/bizData" autoLoad="true"
      xid="bizDataEquipment" concept="Equipment" limit="20">
      <reader xid="default1" action="/ffem/rfid/logic/action/queryEquipmentAction"/>  
      <creator xid="default2"/>  
      <writer xid="default3"/>
    </div>
  </div>  
  <div class="aui-content" id="EquipmentLi">
   
  </div>  
  <span component="$UI/system/components/justep/windowReceiver/windowReceiver"
    xid="wReceiver" style="left:443px;top:568px;"/>  
  <resource xid="resource2">
    <require xid="require1" url="css!$UI/ffem/rfid/process/public/aui/aui"/>
  </resource>
</div>


define(function(require) {
        var $ = require("jquery");
        var justep = require("$UI/system/lib/justep");
        var DocUtils = require('$UI/system/components/justep/docCommon/docUtil');
        var Equipmentdata;
        var context;
         
        var Model = function() {
        this.callParent();
        };

        Model.prototype.result = function() {
                // 这里实现返回的逻辑
        };

        Model.prototype.OKBtnClick = function(event) {
                this.comp('wReceiver').windowEnsure(this.result());
        };

        Model.prototype.modelLoad = function(event) {
                Equipmentdata = this.comp("bizDataEquipment");
                context = this.getContext();
                this.loadEquipment("fFParentCode is null");
        };

        Model.prototype.loadEquipment = function(filter) {
                $("#EquipmentLi").html("");
                var array_imgid = new Array();
                var html;

                html = '<ul class="aui-list-view aui-grid-view">';

                alert(filter);
                Equipmentdata.setFilter("filter", filter);
                Equipmentdata.refreshData();
                Equipmentdata.each(function(param) {
                        var url = require.toUrl("../public/img/pictogram.png");
                        html += '<li xid="' + param.row.val('fEquipmentCode') + '"class="aui-list-view-cell aui-img aui-col-xs-3">';
                        if (param.row.val('fEquipmentPicture') != null && param.row.val('fEquipmentPicture') != "" && param.row.val('fEquipmentPicture') != "[]") {
                                var imageJson = eval("(" + param.row.val('fEquipmentPicture') + ")");
                                var fileID = imageJson[0]["fileID"];
                                var docPath = imageJson[0]["docPath"];

                                url = DocUtils.InnerUtils.getdocServerAction({
                                        "docPath" : docPath,
                                        urlPattern : "/repository/file/view/" + fileID + "/last/content",
                                        isFormAction : false,
                                        context : context
                                });

                        }
                        array_imgid.push(param.row.val('Equipment'));
                        //html += '<img class="aui-img-object" id="' + param.row.val('Equipment') + '" style="width:128px;height:128px" src="' + url + '" bind-click="justep.Util.getModel(this).$model.loadEquipment("fFParentCode = \''+param.row.val('Equipment')+'\'")"/>';
                        html += '<img class="aui-img-object" id="' + param.row.val('Equipment') + '" style="width:128px;height:128px" src="' + url + '" />';
                        html += '<div class="aui-img-body">' + param.row.val('fEquipmentName') + '</div>';
                        html += '</li>';
                });
                html += '</ul>';

                $("#EquipmentLi").html(html);

                for (var i = 0; i < array_imgid.length; i++) {
                        //带参数弹出窗口打开就会执行
                        //$("#" + array_imgid[i]).on("click", arguments.callee("fFParentCode ='" + array_imgid[i] + "'"));
                        //不带参数点击图片执行
                        $("#" + array_imgid[i]).on("click", arguments.callee);
                }

        };

        return Model;
});
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35920
发表于 2016-7-12 13:56:28 | 显示全部楼层
你在model的onload执行loadEquipment了后如果img的click中再执行这个函数并传参就一直无限循环下去了吗?

把Equipment这个概念的定义发一下
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

18

主题

59

帖子

380

积分

中级会员

Rank: 3Rank: 3

积分
380
QQ
 楼主| 发表于 2016-7-12 14:31:53 | 显示全部楼层
jishuang 发表于 2016-7-12 13:56
你在model的onload执行loadEquipment了后如果img的click中再执行这个函数并传参就一直无限循环下去了吗?

...

<concept name="Equipment" default-value-expr="guid()"><has-relation relation="version" default-value-expr="0"><label language="zh_CN">版本</label>
</has-relation>
<label language="zh_CN">目录</label>
<has-relation relation="fEquipmentCode" data-type="String" required="true" unique="true"></has-relation>
<has-relation relation="fEquipmentName" data-type="String" required="true" unique="true"></has-relation>
<has-relation relation="fEquipmentRfid" data-type="String"></has-relation>
<has-relation relation="fModelCode" data-type="String"></has-relation><has-relation relation="fModel" data-type="String"></has-relation>
<has-relation relation="fEquipmentCategoryCode" data-type="String"></has-relation>
<has-relation relation="fEquipmentCategory" data-type="String"></has-relation>
<has-relation relation="fMeteringCode" data-type="String"></has-relation>
<has-relation relation="fMetering" data-type="String"></has-relation><has-relation relation="fEquipmentPicture" data-type="Text"></has-relation>
<has-relation relation="fMemo" data-type="String"></has-relation>
<has-relation relation="fFParentCode"></has-relation>
<has-relation relation="fNodeKind"></has-relation>
<has-relation relation="fNodeLevel"></has-relation>


</concept>
回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35920
发表于 2016-7-12 15:54:24 | 显示全部楼层
直接发文件,这个没有关系的定义,我要本地重现一下问题
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

18

主题

59

帖子

380

积分

中级会员

Rank: 3Rank: 3

积分
380
QQ
 楼主| 发表于 2016-7-12 17:21:13 | 显示全部楼层
ontology文件

new_ontology.ontology.rar

571 Bytes, 下载次数: 157

回复 支持 反对

使用道具 举报

91

主题

13万

帖子

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
35920
发表于 2016-7-12 17:42:40 | 显示全部楼层
你好楼主,这个问题需要我在本地环境进行问题重现,所以会花费较长时间,请你耐心等待,我完成后会第一时间反馈结果,谢谢!
远程的联系方法QQ1392416607,添加好友时,需在备注里注明其论坛名字及ID,公司等信息
发远程时同时也发一下帖子地址,方便了解要解决的问题  WeX5教程  WeX5下载



如按照该方法解决,请及时跟帖,便于版主结贴
回复 支持 反对

使用道具 举报

18

主题

59

帖子

380

积分

中级会员

Rank: 3Rank: 3

积分
380
QQ
 楼主| 发表于 2016-7-12 18:20:12 | 显示全部楼层
jishuang 发表于 2016-7-12 17:42
你好楼主,这个问题需要我在本地环境进行问题重现,所以会花费较长时间,请你耐心等待,我完成后会第一时间 ...

非常感谢!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|手机版|X3技术论坛|Justep Inc.    

GMT+8, 2024-5-2 06:45 , Processed in 0.070145 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表