开始新搜索?

如果没有找到相关内容,请试试再次搜索!

滚动到页面顶部(或指定位置)

By |5月 19th, 2016|Wex5常见问题, 前端常见问题|

原因:在APP 中,有滚动条的时候,为了操作方便,想在下面点一个按钮直接回到顶部!或者是直接滚动的中间某个位置! 解决方案: 1.在没有scrollView组件的情况下,顶部(或者页面指定位置)添加一个空的div ,设置 id为(比如 top) 可以使用一个a标签href设置为#top,这样就回到那个位置了!这个是html标准的实现方式 或者js代码实现,根据xid获取id ,然后滚动到指定位置: var id = this.getIDByXID("div的xid"); window.location.hash = "#"+id; 2.使用了scrollView 作为滚动组件,回到顶部的方法是,this.comp('scrollView的xid').scroller.scrollTo(0,0); 回到指定高度的方法是第一个参数中给一个整数,比如this.comp('scrollView的xid').scroller.scrollTo(100,0) 滚动到list某一行的指定位置: Model.prototype.listGoTo = function(rowIndex) { // 根据索引获得HTML ID,使用ID定位 var e [...]

list嵌套需要注意的问题

By |5月 18th, 2016|Wex5常见问题, 前端常见问题|

案例参考请点击下载案例 原因:很多用户在做list嵌套的时候,由于一些细节配置的原因不明白,导致运行不成功!下面我说下list嵌套中需要注意的点 解决方案: 1.条件设置: 第二层的list组件需要设置filter属性,表示根据第一次list当前行数据过滤出符合条件要显示的数据,比如: $row.val('id')==$object.val('ID'),其中 $row.val('id')表示的是第二个list绑定的data的字段 $object.val('ID')表示的是第一个list组件(父)绑定的data字段! 意思就是根据第一个list组件中当前行的ID过滤出第二个list组件中 id=ID 的数据 (理解一下含义! $row 是list 上层的当前行! $object是 list 里层对应当前行 分界线就是class属性 x-list-template 上层dom节点用$row ,下层的就是$object 所以 第二个list 的 filter属性 $row 表示里层list的当前行,,$object表示外层list的当前行! 里层list中获取父层的当前行对象可以使用$parent ) 2.数据请求: 第二层list对应的data组件数据应该一次性加载到data组件中(为了全部显示,保证第一层的子数据全部存在,或者设置过滤条件!根据第一层已经加载的数据的ID去查下第二层数据),所以 data组件autoLoad 设置为true,limit设置为-1,第二层list的limit属性设置为-1 如果第二层的list, 想根据条件,只查询父存在,所关联的子数据(保证请求数据最少) [...]

BeX5前端常见问题

By |5月 17th, 2016|未分类|

dataTables组件常见用法 gridSelect下拉区域中如何设置显示多列 grid组件常见用法 attachment(非attachmentSimple)相关的附件组件常见用法 获取当前选中的tab页的xid或者label的值 input组件的设置焦点和控制最大长度的设置 动态创建radioGroup 调用action给object类型参数传json richTextarea修改可选择字体 不通过登录直接打开BeX5的首页和功能页的url是什么? 如何调试或修改系统组件的js文件 radioGroup或者checkboxGroup显示的所以选项相同 windowDialog第二次打开页面的如何刷新数据,不显示第一次打开的数据 V3.4版本移动端date类型的时间选择器如何用V3.4之前版本的模式? 如何设置树形下拉? 从data的计算规则中如何设置对应主data数据的关系值 list中重复显示都是data上第一条数据 data中非直接删除的数据data没有保存如何恢复数据 list鼠标移到每行时提示title信息 重写smartFilter的过滤条件 list设置当前行的样式 dateFilter组件获取开始时间 div或者output中的文字默认显示一行剩余的显示为… 获取model中所有的data的xid 3.5版本修改密码报错模块”/portal/base”不存在 从功能树打开功能时关闭上一个从功能树打开的功能 动态设置tree的根过滤条件 设置功能树icon图标为自定义的图片 使用PC2门户bsessionid超时页面不提示 获取服务器的时间给日期字段赋值 如何调整统一的字体大小 js中如何获取bsessionID 如何将自己需要的信息写到Context上下文中 自定义的公共js文件如何设置每个.w都默认引用 data中的数据如何整行复制 [...]

WeX5前端开发常见问题

By |4月 19th, 2016|Wex5常见问题, 前端常见问题|

1. 如何修改错误提示框 2.日期组件只设置年月显示(3.4版本) 3.grid 组件 点击事件中获取点击列的值 4. this问题 5.baasdata 与data 区别 6.bottom的visible属性,具体元素怎么实现隐藏与显示 7.windowReceiver问题 8.list中checkbox的bind-disable问题 9.跨域请求时cookie无法提交的问题 10..w文件中通过js引用图片不显示问题处理办法 11.如何把自定义组件添加到组件栏 12.为什么通过loadContent动态加载的content不能路由 13.全局变量定义问题 14.页面跳转传递参数实现对应功能的问题 15..w和.html的关系区别 16.动态创建panel组件 17.List组件中只想保存当前行数据 18.list嵌套需要注意的问题 19.grid,dataTables,list组件自定义渲染行显示样式 20.设置背景图片 21.滚动到页面顶部(或指定位置) 22.如何获取LIST控件的当前行ID并传入到下一个W页面 23.bind-click如何获取$object 24.button组件的label属性 25.前端控制台报错:GET http://localhost:35729/livereload.js?_ 26.视频播放使用video标签 27.iframe中嵌套html页面中的js调用外层w页面的js方法 28.windowContainer组件父页面中调用子页面的方法 29.自定义页面切换动画 [...]

tree组件

By |10月 15th, 2015|未分类|

tree组件,以多层次列表的形式显示树形数据,即一个列表中只显示一个父的数据,在其中点击拥有子数据的节点,会在列表中显示出这个节点的所有子数据。 […]

Data组件基础05:再谈Data组件新增,查询,保存

By |6月 2nd, 2015|未分类|

前面我们介绍了Data的数据新增,查询,保存;接下来我们来看看怎么进行新增,查询,保存逻辑的扩展; Data上有onCustomNew、onCustomRefresh、onCustomSave事件,这几个事件就是给开发者用于实现data的新增、查询、保存逻辑的;看到这大家可能会产生疑问:“为什么需要这几个事件,加载数据不是可以使用loadData吗?保存也可以自己发ajax请求啊?” 有这些疑问很正常,开发者确实可以不需要这些事件来实现data的新增、查询、保存逻辑,但是我们还是推荐使用onCustomNew、onCustomRefresh、onCustomSave事件重新实现; 原因是因为Data组件作为前端UI中的数据核心组件,很多组件都需要感知data的数据状态,同时Data组件内部也维护着自己的状态;当跳出data现有机制和接口很有可能其他关联的组件就失去了与之关联感知的能力,同时data自身提供的新增、查询、保存操作也无法使用开发者扩展的逻辑。例如:如果加载数据开发者自己使用loadData加载,最简单的mobile中scrollView组件上拉加载数据能力就无法感知扩展的逻辑。 下面通过一个具体的案例来讲解onCustomNew、onCustomRefresh、onCustomSave事件扩展新增、查询、保存逻辑 首先我们新建一个.w,在.w中放入data组件(注意:不是BizData组件),定义列FID、fString、fInteger、fFloat, 增加data的onCustomRefresh,由于接管了onCustomRefresh事件,autoLoad=true自动会使用新的逻辑加载数据 代码如下: //数据刷新接管实现 Model.prototype.masterDataCustomRefresh = function(event){ /* event包含 { "source" : 组件的js对象, "cancel" : 可修改,设置为true后中断当前刷新动作, "limit" : 页大小, "offset" : 偏移, "options" : 刷新给入的参数 } */ //这里简单演示从datas.json文件中取数据,还可以传递limit、offset实现分页的逻辑 var [...]

Data组件基础05:再谈Data组件新增,查询,保存已关闭评论

页面布局

By |5月 12th, 2015|未分类|

页面由组件构成,页面的高度和宽度由组件的高度和宽度确定,当页面的高度大于屏幕的高度,或者页面的宽度大于屏幕的宽度,页面就会出现滚动条。 页面指的是w文件 屏幕指的是门户中用于显示功能界面的区域 目录 1、流式布局 2、充满布局 2.1、左右充满 2.2、上下充满 2.3、多标签页充满 3、响应式布局 4、手机界面布局 4.1、显示多页 4.2、显示多行信息(一行显示一条记录) 4.3、显示多行信息(一行显示多条记录) 5、总结 5.1、组件的高度 5.2、几种布局使用组件对比 下面分别介绍流式布局、充满布局、响应式布局、手机界面布局等页面布局方式。 1、流式布局 下图为流式布局,流式布局的特点是组件顺序向下排列,页面内部不出现滚动条,整个页面出现一个滚动条。例如:演示案例中的订单申请功能。 2、充满布局 下图为充满布局,充满布局的特点是整个页面不出现滚动条,页面内部的组件出现滚动条。 2.1、左右充满 上图为组织权限中的组织管理功能,组织管理分为左右两个区域, 设置为充满布局——给window组件增加一个class:x-full-screen 显示左右两个区域——使用row(bootstrap)组件,row下面有两个col,row和col都设置height:100%。左右两个区域占屏幕的比例通过col的class设置,左边的col的class属性为col-xs-3,右边的col的class属性为col-xs-9,表示左右区域的宽度比为1:3,这里使用的是bbotstrap的样式,屏幕宽度为12,左右两列加起来是12,就表示会占满整个屏幕 左边——放一个grid组件,设置height:100%;width:100%,清空column的width属性 右边——分为上中下3个部分,使用panel组件,class属性只保留x-panel,并且设置height:100%,content里面放dataTables组件 2.2、上下充满 上图为组织权限中的分级管理功能,分级管理分为左右两个区域,右边区域再分为上下两个区域,设置基本和组织管理的设置一样,不同之处在于 右边分为上下两个区域,放两个panel组件,class属性只保留x-panel,并且设置height:50%,这样就是平分,可以设置为其它的百分数 2.3、多标签页充满 上图为组织权限中的权限查询功能,权限查询分为两个标签页,使用tabs组件实现标签页,标签页里面组件的设置基本和组织管理的设置一样 3、响应式布局 X5的样式基于 [...]