cnb
<style type="text/css">
.fieldset_s{border: 1px #dedede solid;padding: 19px; color: #0E2D5F;}
.fieldset_s legend {color: #000;}
</style>
<div id="acc_toolbar">
<div style="padding:13px 6px 16px 6px;">
<!--<fieldset class="fieldset_s">
<legend>信息查询</legend>
<label for="acc_date_begin">发生日期：</label>
<input id="acc_date_begin" type="text" class="easyui-datebox" style="width:100px;"> 至
<input id="acc_date_end" type="text" class="easyui-datebox" style="width:100px;">
<label for="acc_client"> 客户/学员名称：</label>
<input id="acc_client" type="text" style="width:100px;">
<label for="acc_staff"> 业务员：</label>
<input id="acc_staff" type="text" style="width:100px;">
<label for="acc_project"> 项目课程：</label>
<input id="acc_project" class="easyui-textbox" style="width:100px;">
<a href="javascript:void(0)" onclick="javascript:getquerydata();" onkeydown="return enterSubmit(this,event);" class="easyui-linkbutton c4" data-options="iconCls:'icon-search'" iconCls="icon-search" style="width:90px">搜 索</a>
<div id="dialogs" style="display:none;">
暂未启用
</div>
</fieldset>--> <div style="text-align:center;padding:9px 6px;">录入凭证</div>
<div>
凭证：<input class="easyui-textbox" type="text" name="voucher_no" value='记' data-options="width:40,required:true"> 字
<input class="easyui-textbox" type="text" name="voucher_no" value='001' data-options="width:50,required:true"> 号
日 期： <input class="easyui-datebox" type="text" name="voucher_date" data-options="required:true">
</div>
<br> </div>
<a href="javascript:void(0);" onclick="javascript:accounts_add();" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'" >添加应收款</a>
<a href="javascript:void(0);" onclick="javascript:accounts_save();" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-save'">保存数据</a>
<a href="javascript:void(0);" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-remove'">删除</a>
<a href="javascript:void(0);" onclick="javascript:accounts_redo();" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-redo'">撤销</a>
<a href="javascript:void(0);" onclick="javascript:accounts_edit();" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-edit'">修改</a>
<a href="javascript:void(0);" onclick="javascript:MoveUp();" class="easyui-linkbutton" data-options="plain:true">上移</a>
<a href="javascript:void(0);" onclick="javascript:MoveDown();" class="easyui-linkbutton" data-options="plain:true">下移</a>
</div>
<div class="easyui-panel" title="" style="width:99%;height:99%;padding:3px;border:0px;">
<table id="dgacount" class="easyui-datagrid"></table>
</div>
<div id="combogrid_bar">
<a href="#" class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'"></a>
</div>
<script type="text/javascript">
$(function(){
/*datagrid应收款管理*/ editRow=undefined; //定义全局变量
get_account_Datas();
textbox_staff(); //监听浏览器宽度变化，调整datagrid尺寸和布局
/* $(window).resize(function(){
$('#dgacount').datagrid('resize');
});
*/
//$("#search_toolbar").appendTo(".datagrid-toolbar");添加标签
// textbox_acc_client();
}); //键盘事件 暂未启用
function enterSubmit(src,e)
{
if (window.event) {keyPress = window.event.keyCode;}else{keyPress = e.which;};
if (keyPress==13) {alert('sdf');};
}
// datagrid重新加载数据acc_client:$("#acc_client").val
function getquerydata()
{
//获取 要查询的参数
var acc_date_begin = $("#acc_date_end").datebox("getValue");//注意日期的取值方式
var acc_date_end = $("#acc_date_end").datebox("getValue");
var acc_client = $("#acc_client").val();
var acc_staff = $("#acc_staff").val();
var acc_project = $("#acc_project").val(); alert(acc_date_begin);
$('#dgacount').datagrid('load',{
acc_date_begin:acc_date_begin //向后台传递的参数 });
} //
function textbox_acc_client()
{
$("#acc_client").textbox({
/*buttonText:'click',
iconCls:'icon-search',
onClickButton:function(e){ alertdialog();
},*/ icons:[{
iconCls:'icon-search',
handler:function(e){
var v=$(e.data.target).textbox('getValue');
var v=$(e.data.target).textbox('setText','小兵');
//alert(v?v:'空');
alertdialog();
}
}] })
} //
function textbox_staff()
{
$("#acc_staff").textbox({ icons:[{
iconCls:'icon-search',
handler:function(e){
var v=$(e.data.target).textbox('getValue');
alert(v?v:'空');
alertdialog();
}
}]
}
)
} function alertdialog()
{
$('#dialogs').dialog({
title: 'My Dialog',
width: 400,
height: 200,
closed: false,
cache: false,
modal: true
});
} //初始化datagrid的数据 function get_account_Datas(){
/*<?php //base_url()?>/static/data/test.json
<?php echo site_url();?>/bankinfo/selectAll
*/ $('#dgacount').datagrid({
title: '凭证信息管理',
collapsible: true,
url:'<?php //base_url()?>/static/data/vouher.json',//php文件中使用echo返回json数据 翻页的同时传递了page 和rows;
loadMsg:'数据加载中,请稍后......',
pagination:true,
pageNumber:1,
pageSize:10,
pageList:[6,10,16,26],
rownumbers:true,
singleSelect:true,
//pagePosition:top,
fit:true,//datagrid的适应父窗口
fitColumns:false,//自动扩大或缩小列的尺寸以适应表格的宽度并且防止水平滚动
striped:true,
//method:'post',
toolbar:'#acc_toolbar', onAfterEdit: function (rowIndex, rowData, changes) {
editRow = undefined;
},
onDblClickRow:function (rowIndex, rowData) { if (editRow != undefined) {
$("#dgacount").datagrid('endEdit', editRow);
} if (editRow == undefined) {
$("#dgacount").datagrid('beginEdit', rowIndex);
editRow = rowIndex;
}
},
onClickRow:function(rowIndex,rowData){ if (editRow != undefined) {
$("#dgacount").datagrid('endEdit', editRow); } }, columns:[[
{field:'summary',title:'<br>摘 要<br>',width:200,align:'center',
editor:{
type:'combobox',options:{
valueField:'month',
textField:'month',
method:'get',
url:'<?php base_url()?>/static/data/month.json',
height:50, }
},
styler: function(value,rowData,rowIndex){
return {style:'height:50px'}
},
}, {field:'inout_date',title:'<br>发生日期<br>',width:100,align:'center',hidden:true,
editor:{
type:'datebox',options:{
required:true, },
},
},
{field:'subjects',title:'会计科目 ',width:200,align:'right',
editor:{
type:'combobox',options:{
valueField:'month',
textField:'month',
method:'get',
url:'<?php base_url()?>/static/data/month.json',
height:50,
}
},
styler: function(value,rowData,rowIndex){
return {style:'height:50px'}
}, },{field:'ought_money',title:'借方金额 ',width:200,align:'right',
editor:{type:'numberbox',options:{
precision:2,
height:50,
}}, },
{field:'inout_money',title:'贷方金额 ',width:200,align:'right',
editor:{type:'numberbox',options:{
precision:2,
height:50,
}}
}, {field:'client_name',title:'客户/学员名称',width:100,align:'center',
editor:{
type:'combogrid',options:{
panelWidth:200,
idField:'related_id',
textField:'related_name',
mode:'remote',//远程获取数据
method:'get',
fitColumns:true,
//toolbar:'#combogrid_bar',
url:'<?php echo site_url();?>/relatedcompay/getcombogirdjson',
columns:[[
{field:'related_name',title:'客户/学员姓名',width:80},
{field:'related_programe',title:'项目课程',width:120}
]],
}
}
},
{field:'staff_id',title:'所属业务员/职员',width:100,align:'center',
editor:{
type:'combogrid',options:{
panelWidth:200,
idField:'staff_id',
textField:'name',
mode:'remote',//远程获取数据
method:'get',
fitColumns:true,
toolbar:'#combogrid_bar',
url:'<?php echo site_url();?>/departstaff/getStaffCombogridJson',
columns:[[
{field:'name',title:'姓名',width:80},
{field:'job_role',title:'项目课程',width:190}
]],
}
}
},
{field:'dept_id',title:'所属业务核算部门',width:160,align:'center',
editor:{
type:'text',options:{required:true, }
}
},
{field:'sys_id',title:'预设核算项目课程',width:160,align:'center',
editor:{
type:'combotree',options:{
url:'<?php echo site_url();?>/systemcode/getcomTreeJson',
}
}
}, {field:'account_id',title:'凭证ID',width:100,},
]]
}); } //添加应收款
function accounts_add(){
var dataB=$("#dgacount").datagrid('getData');
//alert('当前页数据量:'+data.rows.length);
var rowIndexs = dataB.rows.length;
if (editRow != undefined) {
$("#dgacount").datagrid('endEdit', editRow);
editRow=undefined;
}
if (editRow == undefined) {
$("#dgacount").datagrid('insertRow', {
index:rowIndexs,
row: {}
}); $("#dgacount").datagrid('beginEdit', rowIndexs);
editRow = rowIndexs;
}
} //撤销编辑操作
function accounts_redo() {
editRow = undefined;
$("#dgacount").datagrid('rejectChanges');
$("#dgacount").datagrid('unselectAll');
} //修改数据
function accounts_edit(){
var row = $("#dgacount").datagrid('getSelected');
//console.info(row);
if (row !=null) {
if (editRow != undefined) {
$("#dgacount").datagrid('endEdit', editRow);
}
if (editRow == undefined) {
var index = $("#dgacount").datagrid('getRowIndex', row);
$("#dgacount").datagrid('beginEdit', index);
editRow = index;
$("#dgacount").datagrid('unselectAll');
}
} else { }
} //保存数据
function accounts_save() { var $dg = $("#dgacount");
var rows = $dg.datagrid('getRows');
for ( var i = 0; i < rows.length; i++) {
$dg.datagrid('endEdit', i);
}
// $("#dgacount").datagrid('endEdit', 0);//结束编辑状态
//如果调用acceptChanges(),使用getChanges()则获取不到编辑和新增的数据。
//使用JSON序列化datarow对象，发送到后台。
//判断列值 是否为空
var mesg = '';
var rows = $("#dgacount").datagrid('getChanges');
console.info(rows);
if(rows.length<=0)
{
$.messager.alert('友情提示',' 无添加或修改的内容!<br><br>','warning');
return false;
}
if(rows)
{
$.each(rows,function(key,val){
if($.trim(rows[key]["client_name"])=='' || $.trim(rows[key]["client_name"])==undefined || $.trim(rows[key]["client_name"]) ==null)
{
mesg += '客户名称不能为空!<br><br>';
}
if($.trim(rows[key]["dept_id"])=='' || $.trim(rows[key]["dept_id"])==undefined || $.trim(rows[key]["dept_id"]) ==null)
{
mesg += '预设核算项目课程不能为空!<br><br>';
}
}); }
//alert(rows[0]["bank_name"]);
if(mesg!='')
{
$.messager.alert('友情提示',mesg,'warning');
return false;
} var rowstr = JSON.stringify(rows);
console.info(rowstr);
//alert(rowstr[bank_name]);//可获取到json数据
$.post('<?php echo site_url();?>/accounts/addaccounts', {adata:rowstr}, function (data) {
//alert(typeof(data)); //返回的是string类型 if(data)
{
$.messager.alert('友情提示',data,'info');
}else{
$.messager.alert('友情提示','数据格式填写错误！','error');
}
//$('#zijin').html(data); // 数据测试
$("#dgacount").datagrid('reload'); //执行成功后刷新当前页数据 });
} function onClickRow(index){
if (editIndex != index){
if (endEditing()){
$('#dgacount').datagrid('selectRow', index)
.datagrid('beginEdit', index);
editIndex = index;
} else {
$('#dgacount').datagrid('selectRow', editIndex);
}
}
} //上移
function MoveUp() {
var row = $("#dgacount").datagrid('getSelected');
var index = $("#dgacount").datagrid('getRowIndex', row);
mysort(index, 'up', 'dgacount'); }
//下移
function MoveDown() { var row = $("#dgacount").datagrid('getSelected');
var index = $("#dgacount").datagrid('getRowIndex', row);
mysort(index, 'down', 'dgacount'); }
function mysort(index, type, gridname) {
if ("up" == type) {
if (index != 0) {
var toup = $('#' + gridname).datagrid('getData').rows[index];
var todown = $('#' + gridname).datagrid('getData').rows[index - 1];
$('#' + gridname).datagrid('getData').rows[index] = todown;
$('#' + gridname).datagrid('getData').rows[index - 1] = toup;
$('#' + gridname).datagrid('refreshRow', index);
$('#' + gridname).datagrid('refreshRow', index - 1);
$('#' + gridname).datagrid('selectRow', index - 1);
}
} else if ("down" == type) {
var rows = $('#' + gridname).datagrid('getRows').length;
if (index != rows - 1) {
var todown = $('#' + gridname).datagrid('getData').rows[index];
var toup = $('#' + gridname).datagrid('getData').rows[index + 1];
$('#' + gridname).datagrid('getData').rows[index + 1] = todown;
$('#' + gridname).datagrid('getData').rows[index] = toup;
$('#' + gridname).datagrid('refreshRow', index);
$('#' + gridname).datagrid('refreshRow', index + 1);
$('#' + gridname).datagrid('selectRow', index + 1);
}
} }
//分页
function getpages()
{ $("#dgacount").datagrid().datagrid("getPager").pagination({
displayMsg:'当前显示从sdf第{from}条到{total}条记录',
buttons:[{
iconCls:'icon-search',
handler:function(){
alert('search');
}
},{
iconCls:'icon-add',
handler:function(){
alert('add');
}
},{
iconCls:'icon-edit',
handler:function(){
alert('edit');
}
}
]
}) }
function reload_combogrid(targetgrid)
{
targetgrid.combogrid('reload');
}
</script>
cnb的更多相关文章
- spider RPC插件化体系
为了满足灵活扩展的需要,spider支持灵活的自定义插件扩展,从功能上来说,插件和过滤器的差别在于过滤器不会阻止请求的执行同时对于主程序不会有API上的影响(比如servlet 过滤器和监听器)(最多 ...
- Atitit. Atiposter 发帖机 新特性 poster new feature v7 q39
Atitit. Atiposter 发帖机 新特性 poster new feature v7 q39 V8 重构iocutilV4,use def iocFact...jettyUtil V ...
- Atitit 软件国际化原理与概论
Atitit 软件国际化原理与概论 语言和文化习俗因地域不同而差别很大．对某一特定的地域的 语言环境称为"locale"．它不仅包括语言和货币单位,而且还包括 数字标示格式, 日期 ...
- Android学习第二天-android常用命令
上一篇文章中,我们重点讲解了adb的常用命令,下面我们一起来看看其它常用的命令 2 android 2.1 查看机器上所有已经安装的Android版本和AVD设备 2.1.1查看机器上已经安装的AVD ...
- java web学习总结(二十) -------------------监听器属性详解
一.监听域对象中属性的变更的监听器 域对象中属性的变更的事件监听器就是用来监听 ServletContext, HttpSession, HttpServletRequest 这三个对象中的属性变更信 ...
- 在网页布局中合理使用inline formating context（IFC）
引子:给大家出一个小小的考题,如何使用css来实现类似下面的在指定区域内,内容自适应的垂直居中.
- python 网络编程
一.网络知识的一些介绍 socket是网络连接端点.例如当你的Web浏览器请求www.pythontik.com上的主页时,你的Web浏览器创建一个socket并命令它去连接www.pythontik ...
- background-position
在学习网页"换肤"效果时:对background-position的理解更深了. 这是我使用的一整张图片:
- ife-task0003学习收获总结
+ 编写可维护的css原则是,尽量减少改动时要编辑的地方(减少代码重复). + CSS布局奇淫技巧之-高度自适应 高度自适应:通过绝对定位来解决高度自适应的问题,元素不设置高度,设置绝对定位,将top ...
随机推荐
- Angle
1 What is Angle. The goal of ANGLE is to allow Windows users to seamlessly run WebGL and other OpenG ...
- Skia
1 What is SKIA. Skia is an open source 2D graphics library which provides common APIs that work acro ...
- mysql的1045解决方法
mysql的连接方式有两种: UNIX域套接字连接,如: mysql -u root -p mysql -h localhost -u root -p TCP/IP套接字连接,如: mysql -h ...
- 关于WPF中Popup控件的小记
在wpf开发中,常需要在鼠标位置处弹出一个“提示框”(在此就以“提示框”代替吧),通过“提示框”进行信息提示或者数据操作,如果仅仅是提示作用,使用ToolTip控件已经足够,但是有些是需要在弹出的框中 ...
- HttpContext.Current多线程调用
1.在web网站的Global中,进行数据量比较大的初始化工作,而为了使用户在页面上能够及时响应,我们在Global中开启了一个线程执行该函数模块. 不过,在线程中用到HttpContext.Curr ...
- web页面显示折叠树菜单笔记
zTree -- jQuery 树插件 http://pan.baidu.com/s/1skwh94h
- mysql批量更新、多表更新、多表删除
本文介绍下,mysql中进行批量更新.多表更新.多表删除的一些实例,有需要的朋友可以参考下. 本节主要内容: mysql的批量更新.多表更新.多表删除 一,批量更新: 复制代码代码示例: update ...
- Python设计模式——设计原则
1.单一职责原则:每个类都只有一个职责,修改一个类的理由只有一个 2.开放-封闭远程(OCP):开放是指可拓展性好,封闭是指一旦一个类写好了,就尽量不要修改里面的代码,通过拓展(继承,重写等)来使旧的 ...
- Android全部权限详解(manifest.xml)
当我们在写android程序时有很多功能都要在androidmanifest.xml中加入权限申明才能正常使用,下面就把所有的权限介绍一下: android.permission.ACCESS_CHE ...
- BZOJ 4027 [HEOI 2015] 兔子与樱花 解题报告
这个题看起来好神的感觉.实际上也好神... 我们可以考虑设 $f_u$ 表示以 $u$ 为根的子树中最多能删多少个点, 再设 $g_u$ 表示以 $u$ 为根的子树中删了 $f_u$ 个点之后,$u$ ...