急急急求大神，数据逐条输出到div中-----

zcbwz

.w文件的model里面已经添加了bizData，用系统的grid组件能显示出表格数据。但现在需要把数据逐条输出到一个div里，通过div控制内容样式。

数据库表大致如下：

标题(string)    作者(string)       时间(date)        文章网址(string)
  abc                   Lisa           2016-12-23        http://****
  cba                   Tom          2016-12-22        http://****


需要在网页上显示为<li>+超链接(链接到文章网址)的效果:
• abc-2016-12-23
• cba-2016-12-22


X5+js菜鸟，弄了好久都没实现效果，求大神教教怎么做。
很着急，拜谢。
很着急，拜谢。
很着急，拜谢。

大雁子

参考：http://docs.wex5.com/comps-datatables-grid/中5.3、显示按钮、链接——dataTables & grid

zcbwz

大雁子 发表于 2016-12-23 16:12
参考：http://docs.wex5.com/comps-datatables-grid/中5.3、显示按钮、链接——dataTables & grid ...

1. Model.prototype.taskGridCellRender = function(event){
   
2.     if(event.colName=="sEIField41"）//sEIField41是什么?
   
3.         event.html = "<a href='www.baidu.com'></a>";
   
4. };

复制代码

大神，上面的js写的对么，在.w中添加什么代码能出现超链接呢？？？
超链接网址在数据库里，这该怎么写呢？？？
拜托啦，谢谢

大雁子

a标签就是链接，sEIField41是列名

zcbwz

大雁子 发表于 2016-12-23 16:12
参考：http://docs.wex5.com/comps-datatables-grid/中5.3、显示按钮、链接——dataTables & grid ...

标题(string)    作者(string)       时间(date)        文章网址(string)
  abc                   Lisa           2016-12-23        http://****
  cba                   Tom          2016-12-22        http://****
需要在网页上显示为<li>+超链接(链接到文章网址)的效果:
• abc-2016-12-23
• cba-2016-12-22
BizDATA里有获取到的数据

用grid需要处理的地方太多了,比如默认行背景色、选中的行背景色都很难调。

我看到有个List组件，效果刚好就是我需要的。http://docs.wex5.com/comps-list/
里面的典型DOM结构示例我添加后数据显示不出来，求教啊 ， 怎么才能显示出上面的效果呢。

大雁子

你是需要动态创建么？

zcbwz

大雁子 发表于 2016-12-27 10:33
你是需要动态创建么？

对啊。标题和时间都是从数据库里获取的。
然后怎么解决上面那个问题呢？

非常感谢

大雁子

你先看看这个案例/UI2/system/components/justep/list/demo/list.w
应该不需要动态创建，只要在设计窗口里面做好数据绑定就可以了

zcbwz

大雁子 发表于 2016-12-27 10:47
你先看看这个案例/UI2/system/components/justep/list/demo/list.w
应该不需要动态创建，只要在设计窗口里 ...

显示数据表的标题问题通过list里加入output并绑定bind-ref解决了，现在的问题是：

1、怎么样让输出结果为

需要在网页上显示为<li>+超链接(链接到文章网址)的效果:
• 标题1-2016-12-23
• 标题2-2016-12-22

就是结果显示为“标题”+“-”+“时间”的形式 ?

2、现在没办法更改输出行的样式，我需要改变字体、样式设置为Li（就是行首有个圆点），超链接到表里的文章网址，弄了半天都没弄出来，拜托了，麻烦详细教一下，谢谢。谢谢。

大雁子

zcbwz 发表于 2016-12-27 16:58
显示数据表的标题问题通过list里加入output并绑定bind-ref解决了，现在的问题是：

1、怎么样让输出结果 ...

1.在output的bind-ref属性里面写表达式：标题列.val()+'-'+时间列.val()
2.首行圆点：你可以在output前面加一个圆点的图片
   字体：字体可以修改output的style属性
   跳转链接：li的click事件中获取list当前行中地址字段的值然后进行跳转