EasyUI中filebox文件选择框的简单使用
生活随笔
收集整理的這篇文章主要介紹了
EasyUI中filebox文件选择框的简单使用
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
場景
效果
屬性
屬性擴(kuò)展自 textbox，以下是新增或重寫的文件框?qū)傩浴?/p>
?
| buttonText | string | 在文本框上附加的按鈕顯示的文本。 | Choose File |
| buttonIcon | string | 在文本框上附加的按鈕顯示的圖標(biāo)。 | null |
| buttonAlign | string | 附加按鈕位置。可用值有："left", "right"。 | right |
| accept | string | 指定接受的文件類型。 | ? |
| multiple | boolean | 指定是否接受多文件選擇。 | FALSE |
| separator | string | 指定多個文件名稱之間的分隔符。 | , |
?
實(shí)現(xiàn)
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"><link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"><script type="text/javascript" src="/easyui/jquery.min.js"></script><script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script> </head> <body> <input class="easyui-filebox" style="width:300px"><br> <input class="easyui-filebox" style="width:300px" data-options="buttonAlign:'left'"><br> <input class="easyui-filebox" style="width:300px" data-options="accept:'.png'"><br> </body> </html>?
總結(jié)
以上是生活随笔為你收集整理的EasyUI中filebox文件选择框的简单使用的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： EasyUI中Numberbox的简单使
- 下一篇： EasyUI中Calendar日历的简单