jQuery Mobile中如何将动态增加与清空内容

2020/10/15 10:30 · Web前端 · 28阅读 · 0评论
阿里云·云小站,新老用户同享,1核2G云服务器低至89元/年,229元/3年;2核4G3M3年639元
摘要:

jQuery Mobile中如何将动态增加与清空内容的应用场景华仔最近在做公司附属产品,手机端,虽然工业生产软件在手机端展示,会由于屏幕的限制,造成体验较差,但是部分流程借助手机端,反而可以增加用户的好感。所以华仔最近也在学习手机端开发,也就是前端。这里提前说明下,前端框架jQuery,脚本语言是JavaScript,后端使用的是asp.net+sql server数据库。话不多说,运用jQuery Mobile开发,少不了就是给<div>等等标签添加和清空内容进行数据的展示与隐藏,

jQuery Mobile中如何将动态增加与清空内容的应用场景

华仔最近在做公司附属产品,手机端,虽然工业生产软件在手机端展示,会由于屏幕的限制,造成体验较差,但是部分流程借助手机端,反而可以增加用户的好感。所以华仔最近也在学习手机端开发,也就是前端。这里提前说明下,前端框架jQuery,脚本语言是JavaScript,后端使用的是asp.net+sql server数据库。

话不多说,运用jQuery Mobile开发,少不了就是给<div>等等标签添加和清空内容进行数据的展示与隐藏,这个可以算是前端开发的必修课。

jQuery Mobile中如何将动态增加与清空内容的解决方法

先给各位整理下思路,以Html中选择控件为例:比如我们需要将后台定义好的客户展现给用户,供其选择。这里用ListView为例。

1、先定义一个ListView的Html标签。

<ol data-role="listview" data-inset="true" id="料展现"></ol>

2、然后我们生成动态的Html代码

jsonObj.Rows = eval('(' + data + ')');
ss = '';
var i = 0;
for (i = 0 ; i < jsonObj.Rows.length ; i++) {
                     
    ss += '<li>';
    ss += '     <a href="#"   onclick =\"ConfirmLL(\'' + jsonObj.Rows[i].Lid + '\')\">';
    ss += '         <h2>料ID:' + jsonObj.Rows[i].Lid + '</h2>';
    ss += '         <p>领料重:' + jsonObj.Rows[i].ONum + ',  已产重:' + jsonObj.Rows[i].InNum + ',  余重:' + jsonObj.Rows[i].cNum + '</p>';
    ss += '     </a>';
    ss += '</li>';
}

3、添加到我们要展现的标签上,用id找寻

$('#料展现').html(ss);
$('#料展现').listview('refresh');

4、清空的方法也简单,代码如下

$('#料展现').empty();

jQuery Mobile中如何将动态增加与清空内容的结论

这个用法我估计是用jqm开发所必备的,所以和大家分享下,当然华仔也才刚开始前端后台结合开发没多久,不喜勿喷。对了,说下:前端开发真的是太麻烦了!!!!

您可能感兴趣的文章

本文地址:https://www.huazai186.com/post/239.html
文章标签: ,   ,  
版权声明:本文为原创文章,版权归 羽化飞翔 所有,欢迎分享本文,转载请保留出处!

文件下载

下一篇:
腾讯云618云聚惠活动火热进行中,1核2G-288元/3年,2核4G3M-1288元/3年,2核8G5M-1688元/3年,4核8G5M-1999元/3年

 发表评论


表情