easysoft / zui Goto Github PK

autocomplete属性默认是打开的，但是在出现自动提示的时候这些提示会**跟着页面滚动，遮住其他页面元素，体验比较差，这个地方至少给一个属性什么的，让用户选择原生提示方式或者你们优化过的提示方式**吧。

uk就提供了~，不知道zui能不能做一个~

     $modal.toggleClass('fade', options.fade)
            .addClass(options.cssClass)
            .toggleClass('modal-md', options.size === 'md')
            .toggleClass('modal-sm', options.size === 'sm')
            .toggleClass('modal-lg', options.size === 'lg')
            .toggleClass('modal-fullscreen', options.size === 'fullscreen')
            .toggleClass('modal-loading', !this.isShown);

这里的modal-md,modal-sm,modal-lg,modal-fullscreen,modal-loading应该要加到$dialog上才会有作用，否则在使用lg时样式会乱

    $modal.toggleClass('fade', options.fade)
        .addClass(options.cssClass);

    $dialog.toggleClass('modal-md', options.size === 'md')
        .toggleClass('modal-sm', options.size === 'sm')
        .toggleClass('modal-lg', options.size === 'lg')
        .toggleClass('modal-fullscreen', options.size === 'fullscreen')
        .toggleClass('modal-loading', !this.isShown);

Uncaught TypeError: Cannot read property 'strCode' of undefined
at zui.uploader.js:49
at zui.uploader.js:897

还有没有人维护 ，打算 做一个网站 前端 选择一款框架

分页条：http://zui.sexy/#component/pager

var calendar = $('#calendarExample').data('zui.calendar');
var newEvent = {title: '吃饭了', desc: '要吃更多', start: '2014-8-14 12:00', end: '2014-8-14 13:00'};
calendar.addEvents(newEvent);
--------运行错误-----------------
Uncaught TypeError: undefined is not a function

表格缺少排序样式

用的挺频繁的，建议集成哦。

RT~~
貌似H5自带的验证和框架都没有
只能自己写JS了咩？

如题？

很棒的前端框架，一次集成了所需要的东西，可以搞个英文版，多语言的。让老外也感受感受zui魅力

上传一个svg格式的文件

PHP的服务端打印的日志

array(14) {
  ["file_name"]=>
  string(12) "placemap.svg"
  ["file_type"]=>
  string(10) "text/plain"
  ["file_path"]=>
  string(44) "/home/evenvi/workspace/wips_view/assets/map/"
  ["full_path"]=>
  string(56) "/home/evenvi/workspace/wips_view/assets/map/placemap.svg"
  ["raw_name"]=>
  string(8) "placemap"
  ["orig_name"]=>
  string(0) ""
  ["client_name"]=>
  string(12) "placemap.svg"
  ["file_ext"]=>
  string(4) ".svg"
  ["file_size"]=>
  int(17806)
  ["is_image"]=>
  bool(false)
  ["image_width"]=>
  NULL
  ["image_height"]=>
  NULL
  ["image_type"]=>
  string(0) ""
  ["image_size_str"]=>
  string(0) ""
}

mime发生变更了，svg应该对应的是'image/svg+xml', 'application/xml', 'text/xml'

如图, 当数据表格的表头部分存在多行多列时, 无法正常启用数据表格.

不知道大家用到这种情况的地方多不多.

http://zui.sexy/ 网站路由失效，无法前进后退。不知去哪反馈，只能在这提交了。

使用zui 1.5,并使用以上的兼容性代码，在ie8上使用图表控件,不能显示正常的饼图，线型图及柱状图。

以indigo主题为模板，修改@border-radius-large为 0px;
@color-primary: #3F51B5; @color-secondary: #3949AB; @color-pale: #ECEFF1; @border-radius-base: 0; @border-radius-large: 0px; @border-radius-small: 0;

编译下载zui-theme.css后使用发现，panel仍然有圆角。

原因如下

zui-theme.css文件没有覆盖 .panel-group .panel 的radius样式。

弹出框取消后仍然有选中状态，BOOTSTRAP默认没此问题

我用tp开发，由于变态的url设定，使用url传递参数不太好，因此建议增加ajax调用的传递参数用法，谢谢
翘首以待。

官方例子中的数据表格在safari下行高过大。

系统：OS X EI Captian
浏览器：Chrome 51.0.2704.103 (64-bit)
然之版本：3.4

导出任务表格的时候，不论选择哪种编码方式都是乱码

            <form action="" class="row">
                <div class="form-group col-sm-6 col-md-4 col-lg-3">
                    <label>门店名称</label>
                    <input type="text" class="form-control">
                    <div class="help-block">用户名可以包含特殊字符及汉字。</div>
                </div>
                <div class="form-group col-sm-6 col-md-4 col-lg-3">
                    <label>负责人</label>
                    <input type="text" class="form-control">
                </div>
                <div class="form-group col-sm-6 col-md-4 col-lg-3">
                    <label>电话</label>
                    <input type="text" class="form-control">
                </div>
            </form>

这个电话 本来应该是另起一行才对。。。

有没有现成的后台管理布局呢？，不然自己拼很麻烦。。

用来Chosen之后，输入组变成这样。。

以 new $.zui.Messager(message) 方式创建 Messager 实例即可触发。

报错位置：

由 a224dd0 引入

模态框组件现在支持定义标题和内容, 可不可以支持定义按钮?
这样可以方便替换confirm这些原生的确认对话框等. 或定制其他功能. 谢谢

ie9 - ie11 calendar.addEvents(newEvents); 没有执行 events中为空

希望能支持自定义列宽！

/*!

• ZUI: Standard edition - v1.5.0 - 2016-09-06
• http://zui.sexy
• GitHub: https://github.com/easysoft/zui.git
• Copyright (c) 2016 cnezsoft.com; Licensed MIT
  */
  ——————————————————————
  使用以上版本的zui程序,引用了zui.chart.min.js

使用如下方法创建饼图
var myPieChart = $("#myPieChart").pieChart(data, options);
第一次渲染显示正常。

——————————————————————

再次使用调用
$("#myPieChart").pieChart(data, options);
第二次渲染，看似显示正常，但当鼠标划过图表的时候，图表会显示旧的数据，且新旧数据交替显示。

无奈之下，只能手动将旧的实例的数据清空
var length = myPieChart.segments.length;
for (var i = 0; i < length; i++) {
instance.removeData();
console.log(i)
}
并再次渲染，才能得到没有旧数据的图表
$("#myPieChart").pieChart(data, options);

———————————————————————

期望结果：
每次重新渲染不需要手动清空旧的数据。
希望作者可以改进。

http://zui.sexy/#view/dashboard/1
初始化数据data中没有order选项，如果在用户拖动顺序后afterOrdered事件里保存了新的顺序，怎么在初始化的时候加载？

对于init.json的生成感兴趣，这部分是否可以共享，谢谢。

推荐：https://chmln.github.io/flatpickr/
或者：http://www.jayui.com/jedate/

代码如下

...
<div v-for="chat in chats">
    <span v-if="chat.media == 1">
        <img data-toggle="lightbox" v-bind:src="chat.s_imageUrl" class="img-thumbnail" alt="" v-bind:data-image="chat.imageUrl" data-caption="" />
    </span>
</div>
...
<script type="text/javascript">
    var vm = new Vue({
        el: '#chat',
        data: {
            chats: []
        }
    });
    var wsc = new WebSocket('ws://' + location.hostname + ':3000/cust-client/cust/connect?account='+account);
    wsc.onmessage = function(evt){
        vm.chats.push(evt.data)
    }
</script>

现在的情况是这样，如果我在data中初始化chats，比如data:{chats:[msgObject1]}，图片能正常显示，点击图片也能展示大图，但是如果是在websocket中接收到message对象，再往data中塞的时候，图片也能正常显示，点击没有反应，console中也看不到异常信息，折腾了半天没搞定，这是我代码写的不对吗？

不是用markdown语法么? 请问有什么工具可以分享么？

http://zui.sexy/#javascript/selectable

kindeditor已经基本停止维护，而且还存在很多不稳定和不兼容的情况。
tinymce作为全球最老最成熟的富编辑器，而且可以做到响应式，建议zui集成。

希望解答哦 谢谢！

我尝试用datatable插件做个列表显示，但是由于行数较多。
当我想查看第一条数据的后面几列的时候，需要把页面拉到最下面，
然后再把横向滚动条拉到后方的位置才能看到。

不知道是不是有存在类似于表头固定（fixedHeader）那样
固定表格的横向滚动条在显示范围下方的方法呢？

当div.dropdown 设置宽度的时候，内容下面的div.dropdown>.dropdown-menu 并不会随之改变。若以插件的角度来看待，他们应该同时改变。

/*!

• ZUI: Standard edition - v1.5.0 - 2016-09-06
• http://zui.sexy
• GitHub: https://github.com/easysoft/zui.git
• Copyright (c) 2016 cnezsoft.com; Licensed MIT
  */

使用以上版本的zui ,调用柱状图（或者曲线图）

var data = {
labels: ["一月", "二月", "三月", "四月", "五月", "六月", "七月"],
datasets: [
{
label: "蓝队",
color: 'primary',
data: [65, 59, 80, 81, 56, 55, 40]
}, {
label: "绿队",
color: 'green',
data: [28, 48, 40, 19, 86, 27, 90]
}
]
};

var options = {responsive: true}; // 图表配置项，可以留空来使用默认的配置
var myBarChart = $('#myBarChart').barChart(data, options);

但得到的图表只有灰黑色，没有办法显示彩色。

但调用饼图就能获得彩色的图像。

希望作者检查是否bug
希望作者能够改进。

缩小浏览器，滚动至最后，当滚动到图中那个位置时点击“更新评分”按钮，会发现标题头浮动而且位置不对：

或者扩展choose实现autocomplete（服务端获取数据）的功能

We meet the issue at those code as below:

var myModalTrigger = new $.zui.ModalTrigger(options);
myModalTrigger.show();

when we wanna create a modaltrigger objects.

/*!

• ZUI: Standard edition - v1.5.0 - 2016-09-06
• http://zui.sexy
• GitHub: https://github.com/easysoft/zui.git
• Copyright (c) 2016 cnezsoft.com; Licensed MIT
  */

使用以上的zui版本文件，点击 X 清空日期，再次调开日期控件，此时不能进行月份的增减

启动参数startDate无效，查看代码后发现一个重复赋值问题，手动去掉后解决。

错误在 lib/zui.calendar.js 102行，此处
this.date = 'today';
将上方99行的
this.date = this.options.startDate || 'today';
给重新赋值了。

需求是这样的，今天看到项目中的数据表格插件能锁定横向的评分之类的。
在oa或者管理后台之类的项目中，表格往往有很多行，往下滚动之后就忘记了哪一行叫什么名字。
希望也能钉住表头。

不知道我表述的清不清楚。如果不清楚请回复

现在的用户手册只能作为演示效果
实际上要用来指导开发，可能还有点费劲呢
如果能做好指导开发的文档，ZUI会更有吸引力