I. *_*OCK 18 twitter-bootstrap x-editable
我使用x-editable插件进行就地编辑,效果很好.
以下jsfiddle显示了他们的文档中的示例:http: //jsfiddle.net/ibrahima_yock/CFNXM/27/
<div>
<span>Status:</span>
<a href="#" id="status"></a>
</div>
Run Code Online (Sandbox Code Playgroud)
.
//make status editable
$('#status').editable({
type: 'select',
title: 'Select status',
placement: 'right',
source: [
{value: 1, text: 'status 1'},
{value: 2, text: 'status 2'},
{value: 3, text: 'status 3'}
]
});
Run Code Online (Sandbox Code Playgroud)
正如您在jsFiddle中看到的那样,在html窗格中状态为"空"(以红色显示).我们想把这个词翻译成另一种语言.我们怎么指定它?
Sar*_*ran 34
您只需在设置字段时添加此选项:
emptytext: 'Leer', // default is 'Empty'
Run Code Online (Sandbox Code Playgroud)
小提琴:http://jsfiddle.net/Saran/hdVYS/
您可以在文档中找到其他选项.
对于那些喜欢使用属性的人来说,data-emptytext另一种方法是:
<a href='#' id='status'
data-placeholder='This text appears when editing'
data-emptytext='This text appears when field is empty'> </a>
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
20962 次 |
| 最近记录: |