微信分享接口开发,layui中使用jquery控制radio选中事件的示例代码

本文主要是分享自己的开发过程,希望能给部分存在同样问题的朋友一点点帮助;

勾选

昨天已经成功添加了一行,今天希望所添加的一行可以进行单元格编辑。

最近项目中的网页通过微信分享朋友或朋友圈等功能出现了无法显示分享图片等信息,后经过排查发现是微信版本升级导致,采用js-sdk完成分享接口,为了快速实现该功能效果,于是我打算通过前台js进行实现来看看分享效果。

form.on('radio(yesHave)', function (data) {
 $("input[name='hasPrepaidVoucher'][title='有']").attr('checked',true);
 form.render();
});

然而,发现添加了edit:’text’以后也不可以进行单元格编辑,而原本已有的数据可以,因此通过浏览器调试看了原有数据的样式,如图所示:

通过查看微信公众平台文档,找到自己所需要的说明文档,明确开发步骤,说明文档截图如下:

取消勾选

图片 1

图片 2

form.on('radio(noIssuer)', function (data) {
 debugger;
 $("input[name='voucherIssuer']").removeAttr('checked');
 form.render();
});

因此,将点击按钮添加一行<tr>标签的方法,修改为如下:

开发步骤:

以上这篇layui中使用jquery控制radio选中事件的示例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

$("#addTable").click(function(){
var tr=" <tr>"+
   " <td data-field='domainId' data-edit='text'> <div class='layui-table-cell laytable-cell-1-domainId '>11 </div></td>"+
   " <td data-field='colName' data-edit='text'> <div class='layui-table-cell laytable-cell-1-colName '>22 </div></td>"+
   " <td data-field='typeName' data-edit='text'> <div class='layui-table-cell laytable-cell-1-typeName '>33 </div></td>"+
   " <td data-field='scale'  data-edit='text'> <div class='layui-table-cell laytable-cell-1-scale  '>44 </div></td>"+
   " <td data-field='notNull' data-edit='text'> <div class='layui-table-cell laytable-cell-1-notNull '>55 </div></td>"+      
   " </tr>";                                                                 
 $(".layui-table-body .layui-table tbody").append(tr); });

1、按照说明文档完成步骤1.1.1

您可能感兴趣的文章:

  • layui
    radio性别单选框赋值方法
  • 关于jquery
    layui弹出层的使用方法

效果如下:

图片 3

图片 4

图片 5

以上这篇layui点击按钮添加可编辑的一行方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

图片 6

您可能感兴趣的文章:

  • layui实现点击按钮给table添加一行
  • layui
    优化button按钮和弹出框的方法

2、引入js文件

在分享的页面中添加js文件 <script
src=”;

<html xmlns="http://www.w3.org/1999/xhtml"> 
 <head> 
   <!-- 必须引入的文件-->
   <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>

   <script src="/commonScripts/jquery-1.5.1.min.js"></script>

   <!-- sha1加密js文件-->
   <script src="/commonScripts/wxShare_sha1.js"></script>

  <!-- 组装微信配置信息js文件-->
   <script src="/commonScripts/wxShare_data.js"></script>

  <!-- 微信分享时调用对应的接口js文件-->
   <script src="/commonScripts/wxShare.js"></script>

 </head> 
 <body id="weixinshare"> 
 微信分享开发
  <img 
  style="width:672px; height:345px; cursor:pointer" 
  alt="banner01" 
  src="/mobileimg/123.jpg">
 </body> 
</html>

发表评论

电子邮件地址不会被公开。 必填项已用*标注

标签:
网站地图xml地图