【二开】JeecgBoot-vue3二次开发前端扩展online表单js增强等-在表单里拿到列表上下文onlineTableContext-Toy模板网

这篇具有很好参考价值的文章主要介绍了【二开】JeecgBoot-vue3二次开发前端扩展online表单js增强等-在表单里拿到列表上下文onlineTableContext。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

【二开】JeecgBoot-vue3二次开发前端扩展online表单js增强等-在表单里拿到列表上下文

onlineTableContext

对应的属性方法

acceptHrefParams
" 跳转时获取的参数信息"
currentPage
" 当前页数"
currentTableName
" 当前表名"
description
" 当前表描述"
hasChildrenField
" 是否有子节点的字段名，仅树形表单下有效"
isDesForm
" xx"
isTree
"<m> 是否是树形表单 "
loadData
"<m> 加载列表数据"
pageSize
" 每一页显示条数"
queryParam
" 查询条件对象，每次点击查询后才会更新此数据"
selectedRowKeys
" 选中的行的id数组"
sortField
" 排序字段"
sortType
" 排序规则"
total
" 总页数"

第一步将onlineTableContext挂载到全局变量window

【二开】JeecgBoot-vue3二次开发前端扩展online表单js增强等-在表单里拿到列表上下文onlineTableContext,前端,javascript,开发语言

      //将 onlineTableContext 挂载到 全局window.onlineTableContexts下
      if(!window.onlineTableContexts){
        window.onlineTableContexts = {}
      }
      //通过表名区分隔离
      window.onlineTableContexts[onlineTableContext.currentTableName] = onlineTableContext
      console.log("window.onlineTableContexts", window.onlineTableContexts);

第二步表单js增强调用onlineTableContext

loaded(){
  console.info(window.onlineTableContexts)
    console.info('表名:', that.tableName.value)
  let onlineTableContext = window.onlineTableContexts[that.tableName.value]
  console.info(onlineTableContext.queryParam)
  
  this.$nextTick(()=>{
    let text = '测试js增强设置默认值';
    if(this.isUpdate.value === true){
      text = '测试js增强修改表单值';
    }else{
       //将查询参数当默认值赋值
    this.setFieldsValue({
      //需要点击查询才能拿到
      //name: onlineTableContext.queryParam.name
      //只要文本框有值 就能拿到
      name: document.getElementById('form_item_name').value
    })
    }
    
  })
}

//需要点击查询才能拿到值

name: onlineTableContext.queryParam.name

//只要查询参数文本框有值就能拿到
name: document.getElementById('form_item_name').value

onlineTableContext的参数可以打印出来在Target里看到描述

【二开】JeecgBoot-vue3二次开发前端扩展online表单js增强等-在表单里拿到列表上下文onlineTableContext,前端,javascript,开发语言文章来源地址https://www.toymoban.com/news/detail-609831.html