精灵采集器
首页
产品功能
购买价格
建站教程
当前位置 :
可视化教程
>
正文
H5设计精灵如何实现留言本功能

        有很多站长朋友使用H5设计精灵,一般都是用来做什么企业站点,那么企业站点有一个留言板的功能是必须要有的,那么有很多的客户就比较纳闷的是,这个留言本功能要如何实现呢,既然有这个要求,那么下面就来简单的说说该如何操作吧。

        第一步:新建一个HTML页面

        启用生成脚本,并在里面输入

function h5InitTemplate(pageidx){  <br>    h5GetFeedbackList('fankui01','getlist')<br>    h5SendFeedBack('fankui01','sendfb','fbsuccess','fberror')<br>    return null; <br>}

       其中"fankui01"是留言板的ID,可以为任意小于256字节的字符串,h5GetFeedbackList 表示获取留言板列表,获取成功后调用getlist函数。h5SendFeedBack表示发送留言到留言板,sendfb是发送函数,可以接收任意字符串,fbsuccess是发送成功回调,fberror是发送错误回调。

         第二步: 添加input、button、列表控件。并在运行脚本添加事件处理。getlist参数要显示的页面ID(pageid)和总共记录数(totalrows)。getlist回调函数中可以将数据连接到列表进行显示,'#widget_398769'表示要显示的列表,{page:pageid,pagerows:30}表示显示的分页数目和每页记录数目,并进行分页显示。

function getlist(pageid,totalrows){   <br>	h5ConnectList('#widget_398769',{page:pageid,pagerows:30},function(kid,node,data){ <br>		 node.querySelector('#widget_938336').innerHTML=(data.conent) <br>	}) <br>	h5Paginate({<br>		container:'.pagination'<br>		,totalrows:totalrows<br>		,pagerows:30<br>		,maxpage:8<br>		,pageid:pageid<br>		,selectedClass:'thisclass'<br>		,prev:'li:nth-child(1)'<br>		,pagenumber:'li:nth-child(2)'<br>		,next:'li:nth-last-child(1)'<br>		,pagehref:function(idx){ <br>			return 'javascript:getlist('+idx+','+totalrows+')';<br>		}<br>	}) <br>}<br>document.getElementById('widget_472647').onclick=function(){<br>  var cdata=document.getElementById('widget_812432').value; <br>  sendfb(JSON.stringify({conent:cdata}));<br>} <br>function fberror(data){<br>    //发送错误处理<br>}<br>function fbsuccess(data){<br>    //发送成功处理<br>}

        第三步: 预览页面,输入并点击"发送"按钮就可以,看到留言发送并显示出来。

        留言板源码:工程

姓名:
评论

vvv

2020-12-05 11:12:36

dd

©2018-2020 h5spirit.cn  | 京ICP备19057243号-1 | QQ群:694364182