Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

CheckBoxField模式Slot下选项点击有误 #48

Open
louant opened this issue Mar 22, 2017 · 6 comments
Open

CheckBoxField模式Slot下选项点击有误 #48

louant opened this issue Mar 22, 2017 · 6 comments

Comments

@louant
Copy link

louant commented Mar 22, 2017

如题,使用官方demo,tingle-ui用的是1.2.10,当checkboxfield使用slot模式时,选项无法正常选中,需要点中选项,放置约1秒方可正常选中,在list模式下无此问题。请教是什么原因?是某些属性配置不正确还是别的原因?

@gbk
Copy link
Collaborator

gbk commented Mar 22, 2017

会不会是页面中没有引入 FastClick ?

@louant
Copy link
Author

louant commented Mar 23, 2017

页面有引入FastClick
window.FastClick && FastClick.attach(document.body);
直接拿的官方demo的

@gbk
Copy link
Collaborator

gbk commented Mar 24, 2017

http://codepen.io/pen/
创建一个 可还原问题的 demo 吧

@louant
Copy link
Author

louant commented Mar 29, 2017

@gbk 这个问题还是没有解决,最新发现,点击选项的右上角可以准确的选中,意思就是这个点击存在偏移,不是这算不算BUG

@gbk
Copy link
Collaborator

gbk commented Mar 29, 2017

是否有 demo?@2999 能帮忙看下这个问题不~

@louant
Copy link
Author

louant commented Mar 29, 2017

1、使用的是本项目的demo
2、CheckBoxField使用内容如下

let checkboxtest = {
            data:
             [
                {
                    checked:false,
                    text:(<table className='demoTable'><tbody><tr>                                
                                <td className="info-td">
                                    <div className="name">计算机中心</div>
                                </td>
                            </tr></tbody></table>),
                    disable:false,
                    value:'2687909'
                }, 
                {
                    checked:false,
                    text:(<table className='demoTable'><tbody><tr>                                
                                <td className="info-td">
                                    <div className="name">临床办</div>
                                </td>
                            </tr></tbody></table>),
                    disable:false,
                    value:'2689853'
                },
                {
                    checked:false,
                    text:(<table className='demoTable'><tbody><tr>                                
                                <td className="info-td">
                                    <div className="name">门急诊儿科收费</div>
                                </td>
                            </tr></tbody></table>),
                    disable:false,
                    value:'2731168'
                },
                {
                    checked:false,
                    text:(<table className='demoTable'><tbody><tr>                                
                                <td className="info-td">
                                    <div className="name">医技科室</div>
                                </td>
                            </tr></tbody></table>),
                    disable:false,
                    value:'2980203'
                },
                {
                    checked:false,
                    text:(<table className='demoTable'><tbody><tr>                                
                                <td className="info-td">
                                    <div className="name">检验科</div>
                                </td>
                            </tr></tbody></table>),
                    disable:false,
                    value:'2980204'
                },
                 ]
            ,
            readOnly: false,
            placeholder: "请选择",
            maskCloseable: false,
            groupListFlag: true,
            onChange: function (data) {
               console.log(data)
            },
            groupListArgument: {
                lineIndent: 25,
                itemIndent: 45
            },
            label:"选择科室",
            mode: 'slot',
            required: true
        };

其他地方都未改动,而且,选项多了以后,滚动选项效果不好,会把主页面滚动,选项弹出层滚动效果不好

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants