viewweiwu / iview-form Goto Github PK

View Code? Open in Web Editor NEW

40.0 40.0 18.0 4.05 MB

让 iview 的 form 使用起来更加简单。

Home Page: https://viewweiwu.github.io/iview-form/examples/dist/

JavaScript 76.72% HTML 0.32% Vue 22.96%

iview-form's People

Contributors

Stargazers

Watchers

Forkers

lavas-ui guoxinbaichi paulwang001 sionmike slangmgh pathganker piluohen xkloveme weihuan1 jaden9527 nbnatcom cfangxx ruanxiantao runsing gao-zhan artoriafordy ruo693206880

iview-form's Issues

formlist中类型是select的options动态渲染

clothList:[], insertForm: [ { type:'select', title: '品类', key: 'clothname', options:this.clothList },

这样为啥表单就不渲染了，动态数据如何渲染？

不支持级联选择器吗？

希望能支持所有的表单组件

select类型绑定不了事件

select组件绑定事件都不生效，不知道是写法问题，还是不支持

希望可以增加显示/隐藏行的功能

需求：
表单的行与行之间会有联动的时候
A 行的显示依赖于 B 行
希望可以增加这个功能，在线等，急

this.$refs.form.reset 不会清空验证规则

希望可以增加单条验证功能~~

1.7在iview3.0下样式有问题

1.7下效果

1.6下效果

hi~在表单中的部分元素是否可以和前面的元素关联，实现是否显示？

ie下无法使用

无法在ie浏览器使用 lib.js文件存在es6语法

iview的button按钮点击做的模态对话框调用formList貌似渲染不出来

               iview的button按钮点击做的模态对话框调用formList貌似渲染不出来

import iViewForm from 'iview-form'
export default {
name: 'devlist',
components: {
Tables,
iViewForm
},

               on: {
                  click: () => {
                    this.$Modal.confirm({
                      render: (h) => {
                        return h('div',[
                          h('i-switch',{
                             props:{
                               value:true      
                             }}),
                          h('iview-form',{  //这里替替换成iViewForm也试了，没渲染出来呢
                            props: {
                              formList: [
                                {
                                  title: '输入框',
                                  type: 'input'
                                }
                              ]
                            }
                          }),
                        ])

引入iview-form后 run build出错

npm run dev 正常，但是build的时候报错；

使用自定义整行(render)无法触发submit

renderContent 自定义i-switch，外层无法得知开关值，提交时为未定义

switch1:undefined
switch2:1
proto:Object

请问如何给input绑定on-click等事件，目前好像只支持onInput事件

需求是在input后跟一个图标，需要捕获点击图标的事件，API里看好像只支持onInput，未找到如何绑定on-click等事件的说明。谢谢！

设置grid属性后，字段isShow属性为true时，字段不显示了，但是布局占位还在

设置grid属性为2，字段isShow属性为true时，字段不显示了，但是布局占位还在

render的这种渲染iViewForm方式对么，为啥渲染不出来呢

                      render: (h) => { 
                        return h('div',[
                          h('iViewForm',{
                            props:{
                              formList:'formList1'
                            }}),

这是片断代码

建议增加时间选择器表单

使用iview Select远程搜索无法设置默认值问题

页面上有新增编辑功能，新增后点击编辑，Select无法获取新增时设置的值，即无法设置默认值，按照iview文档动态设置了label，点击编辑时给label赋值，但是没有效果，关键代码如下：

editForm:[
        {
          title: '客户名',
          key: 'id',
          renderContent:(h,item,form) => {
            let $select = h(
              "Select",
              {
                props:{
                 label:this.idName,
                  filterable:true,
                  remote:true,
                  'remote-method':(query) => {
                      if (query !== '') {
                        this.gradeList = []
                        this.loading1 = true
                        this.getCustomer({name:query}).then(res => {
                          let data = res
                          data.map(item => {
                            item.text = item.name +' '+ item.username
                            this.gradeList.push({value:item.id,text:item.text})
                          })
                          this.loading1 = false
                        })

                    } else {
                        this.gradeList = [];
                    }
                  },
                },
                on: {
                  'on-change': (val) => {
                    form['id'] = val
                  }
                }
              },
              this.gradeList.map((val, index) => {
                return h("Option", {
                  props: {
                    label: val.text,
                    value: val.value
                  }
                });
              })
            );
            return h("div", [$select]);
          }
        },
]