以下是关于 EasyUI jQuery spinner widget 的详细攻略：
EasyUI jQuery spinner widget
spinner widget 是 EasyUI jQuery 中的一个小部件，用于输入数字。它可以设置最小值、最大值、步长和精度等属性，还可以自定义按钮和事件。
语法
$(selector).spinner(options);
参数
- options: 一个包含设置选项的对象。
示例一：基本使用
<!DOCTYPE html>
<html>
<head>
<title>EasyUI jQuery spinner widget 示例</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/color.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/demo/demo.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#ss').spinner();
});
</script>
</head>
<body>
<input id="ss" class="easyui-spinner" style="width:100px;">
</body>
</html>
这将创建一个 spinner widget，并使用默认设置。在页面加载时，spinner widget 将被创建，并可以输入数字。
示例二：自定义设置
<!DOCTYPE html>
<html>
<head>
<title>EasyUI jQuery spinner widget 示例</title>
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/themes/color.css">
<link rel="stylesheet" type="text/css" href="https://www.jeasyui.com/easyui/demo/demo.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://www.jeasyui.com/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript">
$(function(){
$('#ss').spinner({
min:0,
max:100,
increment:5,
precision:2,
onChange:function(newValue,oldValue){
alert('New Value: '+newValue+', Old Value: '+oldValue);
}
});
});
</script>
</head>
<body>
<input id="ss" class="easyui-spinner" style="width:100px;">
</body>
</html>
这将创建一个 spinner widget，并自定义设置。在页面加载时，spinner widget 将被创建，并可以输入数字。它将限制输入数字的范围，并设置步长精度。还可以自定义 onChange 事件。
总结：
spinner widget 是 EasyUI jQuery 中的一个小部件，用于输入数字。可以使用 $(selector).spinner(options); 来创建 spinner widget。可以设置最小值、最大值、步长和精度等属性，还可以自定义按钮和事件。
以上是关于 EasyUI jQuery spinner widget 的完整攻略。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：EasyUI jQuery spinner Widget - Python技术站
微信扫一扫 
支付宝扫一扫 