easyui treegrid 数据的增删改

最新推荐文章于 2024-05-30 11:21:03 发布
最新推荐文章于 2024-05-30 11:21:03 发布
阅读量784 收藏 1
点赞数
文章标签： javascript java ui ViewUI
原文链接：https://my.oschina.net/qinbao/blog/1545809
版权
工作实例：
30094824_vmPd.png
 
30094825_S1e0.png
 
页面html
增加脚本： 
function tmpl_append() {
	  		var p = parent.$('<div/>').dialog({
				title : '新增模版',
				href : '<%=request.getContextPath() %>/jsp/import/tmplOperate.jsp',
				width : 400,
				height : 300,
				modal: true,
				buttons : [ {
					text : '保存',
					iconCls:'icon-save',
					handler : function() {
						var f = p.find('form');
						f.form('submit', {
							url : '<%=request.getContextPath() %>/tmplConfigInfoAction!save.action',
							method : 'post',
							//enctype : "multipart/form-data",
							onSubmit: function(){
							     if(!f.find('#tmplName').validatebox('isValid')){
										f.find('#tmplName').focus();
										return false;
								}
							     $.messager.progress();
							},
							success : function(json) {
								$.messager.progress('close');
								var json = eval('(' + json + ')');
								if (json.success) {
									tmplTable.treegrid('reload');
									p.dialog('close');
								
								$.messager.show({
									msg : json.msg,
									title : '提示'
								});
								}else{
									$.messager.show({
										msg : json.msg,
										title : '提示'
									});
								}
							}
						});
					}
				},{
					text: '取消',
					iconCls:'icon-no',
					handler: function(){
						p.dialog('close');
					}
				} ],
			onOpen:function(){
				fixIE6SelectZindexIssue(true);
			},
			onLoad:function(){
			
			},
			onClose:function(){
				p.dialog('destroy');
				fixIE6SelectZindexIssue(false);
			}
		});
	}
62
62
 
1 
function tmpl_append() {
2 
            var p = parent.$('<div/>').dialog({
3 
                title : '新增模版',
4 
                href : '<%=request.getContextPath() %>/jsp/import/tmplOperate.jsp',
5 
                width : 400,
6 
                height : 300,
7 
                modal: true,
8 
                buttons : [ {
9 
                    text : '保存',
10 
                    iconCls:'icon-save',
11 
                    handler : function() {
12 
                        var f = p.find('form');
13 
                        f.form('submit', {
14 
                            url : '<%=request.getContextPath() %>/tmplConfigInfoAction!save.action',
15 
                            method : 'post',
16 
                            //enctype : "multipart/form-data",
17 
                            onSubmit: function(){
18 
                                 if(!f.find('#tmplName').validatebox('isValid')){
19 
                                        f.find('#tmplName').focus();
20 
                                        return false;
21 
                                }
22 
                                 $.messager.progress();
23 
                            },
24 
                            success : function(json) {
25 
                                $.messager.progress('close');
26 
                                var json = eval('(' + json + ')');
27 
                                if (json.success) {
28 
                                    tmplTable.treegrid('reload');
29 
                                    p.dialog('close');
30
31 
                                $.messager.show({
32 
                                    msg : json.msg,
33 
                                    title : '提示'
34 
                                });
35 
                                }else{
36 
                                    $.messager.show({
37 
                                        msg : json.msg,
38 
                                        title : '提示'
39 
                                    });
40 
                                }
41 
                            }
42 
                        });
43 
                    }
44 
                },{
45 
                    text: '取消',
46 
                    iconCls:'icon-no',
47 
                    handler: function(){
48 
                        p.dialog('close');
49 
                    }
50 
                } ],
51 
            onOpen:function(){
52 
                fixIE6SelectZindexIssue(true);
53 
            },
54 
            onLoad:function(){
55
56 
            },
57 
            onClose:function(){
58 
                p.dialog('destroy');
59 
                fixIE6SelectZindexIssue(false);
60 
            }
61 
        });
62 
    }
修改： 
function tmpl_edit() {
			var rows = $("#tmplTable").treegrid('getSelections');
	  		var p = parent.$('<div/>').dialog({
				title : '修改模版',
				href : '<%=request.getContextPath() %>/jsp/import/tmplOperate.jsp',
				width : 400,
				height : 300,
				modal: true,
				buttons : [ {
					text : '保存',
					iconCls:'icon-save',
					handler : function() {
						var f = p.find('form');
						f.form('submit', {
							url : '<%=request.getContextPath() %>/tmplConfigInfoAction!save.action?chooseTmplId='+rows[0].tmplId,
							method : 'post',
							//enctype : "multipart/form-data",
							onSubmit: function(){
							     if(!f.find('#tmplName').validatebox('isValid')){
										f.find('#tmplName').focus();
										return false;
								}
							     $.messager.progress();
							},
							success : function(json) {
								$.messager.progress('close');
								var json = eval('(' + json + ')');
								if (json.success) {
									tmplTable.treegrid('reload');
									p.dialog('close');
								
								$.messager.show({
									msg : json.msg,
									title : '提示'
								});
								}else{
									$.messager.show({
										msg : json.msg,
										title : '提示'
									});
								}
							}
						});
					}
				},{
					text: '取消',
					iconCls:'icon-no',
					handler: function(){
						p.dialog('close');
					}
				} ],
			onLoad:function(){
				var f = p.find('form');
				f.find('input[name=tmplName]').val(rows[0].tmplName);
				f.find('input[name=tablePrefix]').val(rows[0].tablePrefix);
				f.find('input[name=upTmplId]').val(rows[0].upTmplId);
			},
			onOpen:function(){
				fixIE6SelectZindexIssue(true);
			},
			onClose:function(){
				p.dialog('destroy');
				fixIE6SelectZindexIssue(false);
			}
		});
	}
66
66
 
1 
function tmpl_edit() {
2 
            var rows = $("#tmplTable").treegrid('getSelections');
3 
            var p = parent.$('<div/>').dialog({
4 
                title : '修改模版',
5 
                href : '<%=request.getContextPath() %>/jsp/import/tmplOperate.jsp',
6 
                width : 400,
7 
                height : 300,
8 
                modal: true,
9 
                buttons : [ {
10 
                    text : '保存',
11 
                    iconCls:'icon-save',
12 
                    handler : function() {
13 
                        var f = p.find('form');
14 
                        f.form('submit', {
15 
                            url : '<%=request.getContextPath() %>/tmplConfigInfoAction!save.action?chooseTmplId='+rows[0].tmplId,
16 
                            method : 'post',
17 
                            //enctype : "multipart/form-data",
18 
                            onSubmit: function(){
19 
                                 if(!f.find('#tmplName').validatebox('isValid')){
20 
                                        f.find('#tmplName').focus();
21 
                                        return false;
22 
                                }
23 
                                 $.messager.progress();
24 
                            },
25 
                            success : function(json) {
26 
                                $.messager.progress('close');
27 
                                var json = eval('(' + json + ')');
28 
                                if (json.success) {
29 
                                    tmplTable.treegrid('reload');
30 
                                    p.dialog('close');
31
32 
                                $.messager.show({
33 
                                    msg : json.msg,
34 
                                    title : '提示'
35 
                                });
36 
                                }else{
37 
                                    $.messager.show({
38 
                                        msg : json.msg,
39 
                                        title : '提示'
40 
                                    });
41 
                                }
42 
                            }
43 
                        });
44 
                    }
45 
                },{
46 
                    text: '取消',
47 
                    iconCls:'icon-no',
48 
                    handler: function(){
49 
                        p.dialog('close');
50 
                    }
51 
                } ],
52 
            onLoad:function(){
53 
                var f = p.find('form');
54 
                f.find('input[name=tmplName]').val(rows[0].tmplName);
55 
                f.find('input[name=tablePrefix]').val(rows[0].tablePrefix);
56 
                f.find('input[name=upTmplId]').val(rows[0].upTmplId);
57 
            },
58 
            onOpen:function(){
59 
                fixIE6SelectZindexIssue(true);
60 
            },
61 
            onClose:function(){
62 
                p.dialog('destroy');
63 
                fixIE6SelectZindexIssue(false);
64 
            }
65 
        });
66 
    }
删除： 
function tmpl_del(){
		var rows = tmplTable.treegrid('getSelections');
				if(rows==0){
					$.messager.alert('提示', '请选择要删除的记录！', 'error');
					return;
				}else{
					$.messager.confirm('请确认','您确定要删除选中的记录吗?',function(b){
						if(b){
						var childrenRows = tmplTable.treegrid('getChildren',rows[0].tmplId);
						if(childrenRows.length>0){
							$.messager.confirm('请确认','您要删除的记录包含子模版,如果删除会将子模版也删掉，确定要删除吗?',function(a){
							if(a){
							var list = new Array();
							for(var i=0;i<rows.length;i++){
								list.push(rows[i].tmplId);
							}
							$.messager.progress();
							$.post('<%=request.getContextPath()%>/tmplConfigInfoAction!del.action',
			    					{tmplIds:list.join()}, //传参到后台删除
			    					function(data){
			    						$.messager.progress('close');
			    						if (data && data.success) {
			    							$.messager.show({
			    								msg : data.msg,
			    								title : '提示'
			    							});
			    							tmplTable.treegrid('reload');

			    						} else {
			    							$.messager.show({
			    								msg : data?data.msg:"删除失败!",
			    								title : '提示'
			    							});
			    							tmplTable.treegrid('unselectAll');
			    						}
			    					  },'json'
								);
						}
							});
							
							//
						}else{
							
							var list = new Array();
							for(var i=0;i<rows.length;i++){
								list.push(rows[i].tmplId);
							}
							$.messager.progress();
							$.post('<%=request.getContextPath()%>/tmplConfigInfoAction!del.action',
			    					{tmplIds:list.join()}, //传参到后台删除
			    					function(data){
			    						$.messager.progress('close');
			    						if (data && data.success) {
			    							$.messager.show({
			    								msg : data.msg,
			    								title : '提示'
			    							});
			    							tmplTable.treegrid('reload');

			    						} else {
			    							$.messager.show({
			    								msg : data?data.msg:"删除失败!",
			    								title : '提示'
			    							});
			    							tmplTable.treegrid('unselectAll');
			    						}
			    					  },'json'
								);
						}//  else
						}
					});
				}
	}
73
73
 
1 
function tmpl_del(){
2 
        var rows = tmplTable.treegrid('getSelections');
3 
                if(rows==0){
4 
                    $.messager.alert('提示', '请选择要删除的记录！', 'error');
5 
                    return;
6 
                }else{
7 
                    $.messager.confirm('请确认','您确定要删除选中的记录吗?',function(b){
8 
                        if(b){
9 
                        var childrenRows = tmplTable.treegrid('getChildren',rows[0].tmplId);
10 
                        if(childrenRows.length>0){
11 
                            $.messager.confirm('请确认','您要删除的记录包含子模版,如果删除会将子模版也删掉，确定要删除吗?',function(a){
12 
                            if(a){
13 
                            var list = new Array();
14 
                            for(var i=0;i<rows.length;i++){
15 
                                list.push(rows[i].tmplId);
16 
                            }
17 
                            $.messager.progress();
18 
                            $.post('<%=request.getContextPath()%>/tmplConfigInfoAction!del.action',
19 
                                    {tmplIds:list.join()}, //传参到后台删除
20 
                                    function(data){
21 
                                        $.messager.progress('close');
22 
                                        if (data && data.success) {
23 
                                            $.messager.show({
24 
                                                msg : data.msg,
25 
                                                title : '提示'
26 
                                            });
27 
                                            tmplTable.treegrid('reload');
28
29 
                                        } else {
30 
                                            $.messager.show({
31 
                                                msg : data?data.msg:"删除失败!",
32 
                                                title : '提示'
33 
                                            });
34 
                                            tmplTable.treegrid('unselectAll');
35 
                                        }
36 
                                      },'json'
37 
                                );
38 
                        }
39 
                            });
40
41 
                            //
42 
                        }else{
43
44 
                            var list = new Array();
45 
                            for(var i=0;i<rows.length;i++){
46 
                                list.push(rows[i].tmplId);
47 
                            }
48 
                            $.messager.progress();
49 
                            $.post('<%=request.getContextPath()%>/tmplConfigInfoAction!del.action',
50 
                                    {tmplIds:list.join()}, //传参到后台删除
51 
                                    function(data){
52 
                                        $.messager.progress('close');
53 
                                        if (data && data.success) {
54 
                                            $.messager.show({
55 
                                                msg : data.msg,
56 
                                                title : '提示'
57 
                                            });
58 
                                            tmplTable.treegrid('reload');
59
60 
                                        } else {
61 
                                            $.messager.show({
62 
                                                msg : data?data.msg:"删除失败!",
63 
                                                title : '提示'
64 
                                            });
65 
                                            tmplTable.treegrid('unselectAll');
66 
                                        }
67 
                                      },'json'
68 
                                );
69 
                        }//  else
70 
                        }
71 
                    });
72 
                }
73 
    }
HTML
tmplConfig.jsp 
<body>
  	<div style="padding: 5px;overflow: hidden;">

	<form method="post" id="addTmplDialog">
		<input type="hidden" id="copyOldId" name="copyOldId">
		<input type="hidden" name="oldParentId">
		<table style="width: 100%"  style="border-collapse:collapse; table-layout:fixed" >
			<tr height="30px">
				<td style="width: 150px;text-align: center;" >模版名称:</td>
				<td>
					 <s:if test="#request.currentTmplId=='' || #request.currentTmplId==null">
					<input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10]'" style="width: 155px;" />
				</s:if>
				<s:if test="#request.currentTmplId!=''&&#request.currentTmplId!=null">
					<input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10,${requestScope.currentTmplId }]'" style="width: 155px;" />
				</s:if>
				</td>
			</tr>
			<tr id="treeShow" height="30px">
				<td style="width: 150px;text-align: center;">上级模版:</td>
				<td>
					<input id="upTmplIdComboTree" name="upTmplId" style="width: 155px;" />
				</td>
				
			</tr>
			<tr height="30px">
				<td style="width: 150px;text-align: center;" >导入数据表名前缀:</td>
				<td>
				
				 <s:if test="#request.currentTmplId=='' || #request.currentTmplId==null">
					<input id="tablePrefix" name="tablePrefix" class="easyui-validatebox" data-options="required:false,validType:'tablePrefix[2,10]'" style="width: 155px;" />
				</s:if>
				<s:if test="#request.currentTmplId!=''&&#request.currentTmplId!=null">
					<input id="tablePrefix" name="tablePrefix" class="easyui-validatebox" data-options="required:false,validType:'tablePrefix[2,10,${requestScope.currentTmplId }]'" style="width: 155px;" />
				</s:if>
				<!-- <input id="tablePrefix" name="tablePrefix" class="easyui-validatebox" style="width: 155px;" /> -->
				</td>
				
			</tr>
			
		</table>
		&nbsp;&nbsp;&nbsp;如果确定是父菜单，可以随便填写表名前缀，不影响使用。
	</form>
</div>
  
  <script type="text/javascript">
  	var upTmplTree;
  	$(document).ready(function(){
  	upTmplTree =  $('#upTmplIdComboTree');
  		$("tr:even").css("background","rgb(245,245,245)");  //奇数行的样式
		 $("tr:odd").css("background","white");  //偶数行的样式
  	});
  </script>
  </body>
54
54
 
1 
<body>
2 
    <div style="padding: 5px;overflow: hidden;">
3
4 
    <form method="post" id="addTmplDialog">
5 
        <input type="hidden" id="copyOldId" name="copyOldId">
6 
        <input type="hidden" name="oldParentId">
7 
        <table style="width: 100%"  style="border-collapse:collapse; table-layout:fixed" >
8 
            <tr height="30px">
9 
                <td style="width: 150px;text-align: center;" >模版名称:</td>
10 
                <td>
11 
                     <s:if test="#request.currentTmplId=='' || #request.currentTmplId==null">
12 
                    <input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10]'" style="width: 155px;" />
13 
                </s:if>
14 
                <s:if test="#request.currentTmplId!=''&&#request.currentTmplId!=null">
15 
                    <input id="tmplName" name="tmplName" class="easyui-validatebox" data-options="required:false,validType:'tmplName[2,10,${requestScope.currentTmplId }]'" style="width: 155px;" />
16 
                </s:if>
17 
                </td>
18 
            </tr>
19 
            <tr id="treeShow" height="30px">
20 
                <td style="width: 150px;text-align: center;">上级模版:</td>
21 
                <td>
22 
                    <input id="upTmplIdComboTree" name="upTmplId" style="width: 155px;" />
23 
                </td>
24
25 
            </tr>
26 
            <tr height="30px">
27 
                <td style="width: 150px;text-align: center;" >导入数据表名前缀:</td>
28 
                <td>
29
30 
                 <s:if test="#request.currentTmplId=='' || #request.currentTmplId==null">
31 
                    <input id="tablePrefix" name="tablePrefix" class="easyui-validatebox" data-options="required:false,validType:'tablePrefix[2,10]'" style="width: 155px;" />
32 
                </s:if>
33 
                <s:if test="#request.currentTmplId!=''&&#request.currentTmplId!=null">
34 
                    <input id="tablePrefix" name="tablePrefix" class="easyui-validatebox" data-options="required:false,validType:'tablePrefix[2,10,${requestScope.currentTmplId }]'" style="width: 155px;" />
35 
                </s:if>
36 
                <!-- <input id="tablePrefix" name="tablePrefix" class="easyui-validatebox" style="width: 155px;" /> -->
37 
                </td>
38
39 
            </tr>
40
41 
        </table>
42 
        &nbsp;&nbsp;&nbsp;如果确定是父菜单，可以随便填写表名前缀，不影响使用。
43 
    </form>
44 
</div>
45 
  
46 
  <script type="text/javascript">
47 
    var upTmplTree;
48 
    $(document).ready(function(){
49 
    upTmplTree =  $('#upTmplIdComboTree');
50 
        $("tr:even").css("background","rgb(245,245,245)");  //奇数行的样式
51 
         $("tr:odd").css("background","white");  //偶数行的样式
52 
    });
53 
  </script>
54 
  </body>


转载于:https://my.oschina.net/qinbao/blog/1545809

chuchongza8019
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
easyui treegrid 修改节点遇到的问题
MrLiber的博客
02-25 1071
这次是采用了easyui 的 treegrid，版本是1.6.9。 要做批量修改操作，每行的第一个单元格都是可编辑的，初始化时如下图： 当调用’update’修改过单元格的内容后，效果如下图： ...
浅谈EasyUI中Treegrid节点的删除
09-03
本文给大家介绍的是EasyUI中树节点（Treegrid节点）的删除的方法和示例，这里推荐给大家，希望对大家能有所帮助。
Easyui Treegrid改变默认图标的方法
09-02
主要介绍了Easyui Treegrid改变默认图标的方法的相关资料,需要的朋友可以参考下
改变 Easyui TreeGrid默认图标
Nicholas_long的博客
06-02 4321
废话不多说先上图看效果：带文件夹的菜单名称不用管，只要你返回的json数据里 属性名是 iconCls ：'icon图标名称'    json图标属性名必须是：iconCls Easyui默认，否则不显示；附上json格式：很简单到这里就结束了。...
easyui树状地区增删改查，里面包含全国地区数据
05-19
easyui树状地区增删改查，里面包含全国地区数据,mysql数据库，只要1分，分享给大家下
easyui treegrid增、删、改及批量保存
ab680125的博客
04-18 444
treegrid添加新行和删除行的方法： 　　添加和删除直接调用这两个方法即可，修改的方法有点特殊，treegrid没有提供update方法，设置行为编辑状态，$('#obj_tgd_objectlist').treegrid('select', index.PLM_ID).treegrid('beginEdit', index.PLM_ID);直接在行上编辑 添加新行： ...
easy ui datagrid 增删改查+分页 asp.net
07-26
数据库管理系统，不管是桌面版，还是网页版，我觉得最重要的功能是：增删改查+分页。文档里面的例子就是asp.net web form + easy ui 的datagrid。简单的演示了这五个重要功能。请用vs2010运行，数据库没有给出。
解决 easyui treegrid 批量展开和关闭卡顿问题。
05-09
当TreeGrid数据量过大的时候 使用 $('#tg').treegrid('collapseAll'); 和 $('#tg').treegrid('expandAll');会造成严重卡顿， 解决方案： 数据增加属性 state：closed， 即可默认收起，反之展开，需再展开时，将加载...
EasyUI的treegrid组件动态加载数据问题的解决办法
12-24
最近涉及到treegrid组件的查询，需要根据查询条件动态更新EasyUI的treegrid组件的动态加载查询结果
EASYUI TREEGRID异步加载数据实现方法
01-19
官方提供的treegrid的ex 我给大家贴出来看看吧： 代码如下: $(function(){ $(‘#tt’).treegrid({ url:’treegrid_data3.json’, onAfterEdit:function(row,changes){ alert(row.name); } }); }) 这个是页面...
jQuery EasyUI的TreeGrid查询功能实现方法
10-19
主要介绍了jQuery EasyUI的TreeGrid查询功能实现方法,需要的朋友可以参考下
jquery easy ui+ssh 增删改查例子
08-26
最近用jquery easy ui+ssh 做了个项目，写了个简单的例子，包括增删改例子．还有框架跳转．希望对后面学习的人有帮助．
treegrid大数据优化
10-31
treegrid大数据优化，支持每个节点上秒显示上万条数据
php 可以编辑treegrid,浅谈EasyUI中编辑treegrid的方法_jquery
weixin_36327582的博客
03-10 110
主从表，从表是一个treegrid，加载完数据后，点击节点进入编辑状态。columns : [ [ {title : "ID",field : "id",hidden : true}, {field : "pid",hidden : true}, {title : "AAA",field : "aaa",width : 70,align : "center",halign : "center"}...
easyui datagrid单独修改某列的值
热门推荐
天才战士的博客
07-18 1万+
                        此时心中毫无波澜，只觉得好饿 废话不多说，先看效果图： 代码： &lt;th field="departmentId" width="150px" sortable="true" editor="{type:'combogrid',options:{panelWidth:450, pagination: 'true', ...
EasyUI treegrid 删除一条或多条记录
aoquedai2376的博客
01-01 187
function del_dg() { $.messager.defaults = { ok: "是", cancel: "否" }; var node = $('#tbClientClass').treegrid('getSelected'); //单条记录删除 ...
easyui中如何动态根据某一列改变另一列的值(☆)
独狼的博客
03-23 934
},{ field: 'storeName', title: '仓库', width: 80, editor: { type:'combobox', ...
treeGrid使用参数
u014697941的博客
04-07 3673
一、html页面             data-options="iconCls: 'icon-ok',rownumbers: true,animate: true,collapsible:true,fitColumns: true,url: 'treegrid_data2.json',method: 'get',                 idField: 'id',t
【redis】Spring之RedisTemplate配置与使用
最新发布
05-30 330
转载：Spring之RedisTemplate配置与使用用过redis，但直接使用Jedis进行相应的交互操作，现在正好来看一下RedisTemplate是怎么实现的，以及使用起来是否更加便利。
easyui treegrid url 数据格式
05-24
EasyUI TreeGrid 控件支持从 URL 加载数据，数据格式要求是 JSON 格式，其结构如下： ``` { "total": 10, "rows": [ { "id": 1, "name": "节点1", "children": [ { "id": 2, "name": "子节点1" }, { "id": 3, "name": "子节点2" } ] }, { "id": 4, "name": "节点2", "children": [ { "id": 5, "name": "子节点3" }, { "id": 6, "name": "子节点4" } ] } ] } ``` 其中，`total` 表示数据总数，`rows` 表示数据行，每行数据必须包含一个 `id` 属性，表示该行数据的唯一标识符，同时可以包含其他属性。如果当前行有子节点，那么子节点数据应该嵌套在 `children` 属性中，以此类推。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值