小程序对wxParse 使用

本文主要是介绍小程序对wxParse 使用，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

我的后台是使用ck编辑器进行编辑的数据。前台需要现实，并且是列表现实，主要面对的问题是一个项里有两个字段是多行文本的，并且是一个列表。所以和网上的还是不一样

var WxParse = require('../../../wxParse/wxParse');
const app = getApp();
Page({

  /**
   * 页面的初始数据
   */
  data: {
    jgpgList:[],//机构评估项
    jgpgCount:0

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onl oad: function (options) {

    var that=this;
    var cateid=options.cateId;
    var jgid=options.JgId;
    that.getpgitems(cateid,jgid);

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  },
  getpgitems:function(cateId,jgId){//查询机构类别
    var that = this;
    wx.showLoading({
      title: '加载中......',
      mask: true
    })
    //进入大列表页查询信息
    wx.request({
      url: app.globalData.apiUrl+'WxXcx/YangLaoYan/GetJgPgItems',
        data:{JgId:jgId,cateId:cateId,LoginKey: wx.getStorageSync('loginKey')},
        method: 'GET',
        header: {
            'content-type': 'application/json'
        },
        success: function (res) {
            that.setData({
               jgpgList: res.data.data.data,
               jgpgCount:res.data.data.count
            })
            var  listRes=res.data.data.data; //要解析的数据
          for (let i = 0; i < listRes.length; i++) {
            WxParse.wxParse('option' + i, 'html', listRes[i].Option, that);
            WxParse.wxParse('optionsm' + i, 'html', listRes[i].OptionSm, that);
            if (i === listRes.length - 1) {
              WxParse.wxParseTemArray("listoption", 'option', listRes.length, that)
              WxParse.wxParseTemArray("listoptionsm", 'optionsm', listRes.length, that)
            }
          }
          let list = that.data.listoption;
          list.map((item, index, arr) => {   
            listRes[index].option=item;
          });
          let listsm = that.data.listoptionsm;
          listsm.map((item, index, arr) => {   
            listRes[index].optionsm=item;
          });
          that.setData({
            jgpgList: listRes,
            
         })
            wx.hideLoading();
        }
    })
  },
  pinggu:function(e){//评估

  }
})

wxml:

<!--养老院机构评估项信息查看页-->
<import src="/wxParse/wxParse.wxml"/>
<cu-custom bgColor="bg-gradual-blue" isBack="{{true}}" >
  <view slot="backText">返回</view>
  <view slot="content">评估项</view>
</cu-custom>
<view class="content" wx:if="{{jgpgCount>0}}"> 
<view class="row margin-top" wx:for="{{jgpgList}}">
<view class="pinggu-title">{{item.Bcode}}</view>
<view class="pinggu-title">评定项：</view>
<view class="pdx-content">
  <template is="wxParse" data="{{wxParseData:item.option}}"/>
</view>
<view class="pinggu-title">操作说明：</view>
<view class="czsm-content">
  <template is="wxParse" data="{{wxParseData:item.optionsm}}"/>
</view>
<view class="pinggu-title">分值：</view>
<view class="czsm-content">{{item.Bscore}} 分</view>
<view ><text class="pinggu-title">状态:</text><text>{{item.ScoreStateDic}}</text></view>
<view class="pinggaction">
<view catchtap="pinggu"  class="cu-capsule radius " >
  <text class="cuIcon-edit text-orange scopbtn"> </text><text class="text-orange pgtitle">评估</text>
</view>
  
 </view>
</view>


</view>
<view class="{{jgpgCount>0?'hidenodata':'nodata'}}" wx:else>
      没有数据...........
</view>

这篇关于小程序对wxParse 使用的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！