1.用ajax获取数据库数据

/**=========================================
* 读取数据库信息,使用ajax的load方法
*/
function getMediaInfo(){
var orgInfo=[];

$.ajax({
url:baseCtx+"/media/getMediaInfo.action",
data:{},
type : 'post',
async : false,
dataType : "json",
success: function(data){
orgInfo=data;
// console.log("orgInfo="+orgInfo);
$('#dg').datagrid('loadData', orgInfo);
},
});
}

2.查询数据库信息,

/**=========================================
*查询数据库信息,传到服务端
*/
function searchButton() {

var mediaId="";
var mediaName="";
var mediaDomain="";
var mediaType="";
if($('#mediaId').textbox('getText') != null && $('#mediaId').textbox('getText') != "") {
mediaId = $('#mediaId').textbox('getText');
}
if($('#mediaName').textbox('getText') != null && $('#mediaName').textbox('getText') != "") {
mediaName = $('#mediaName').textbox('getText');
}
if($('#mediaDomain').textbox('getText') != null && $('#mediaDomain').textbox('getText') != "") {
mediaDomain = $('#mediaDomain').textbox('getText');
}
if($('#mediaType').textbox('getText') != null && $('#mediaType').textbox('getText') != "") {
mediaType = $('#mediaType').textbox('getText');
}

//查询数据
if(mediaId=="" && mediaName==""&& mediaDomain=="")
alert("请输入要查询的媒体数据!");
else
{
$.ajax({
url:baseCtx+"/media/searchMediaInfo.action",
data:{
//MEDIA_ID和mediaId分别指的是什么
MEDIA_ID:mediaId,
MEDIA_NAME:mediaName,
MEDIA_DOMAIN:mediaDomain,
MEDIA_TYPE:mediaType,

},
type : 'post',
async : true,
dataType : "json",
error: function(){ //失败
alert("loading error!");
},
success: function(data){
var currData = "";
$.each(data,function(index,item){
currData="媒体ID是:"+item.MEDIA_ID+"\n媒体名是:"+item.MEDIA_NAME+
"\n媒体网址:"+item.MEDIA_DOMAIN+"\n媒体类型是:"+item.MEDIA_TYPE;
});
if(currData)
{
alert("查询成功!\n"+currData);

}
else
{
alert("查询失败!\n"+currData);
}

},
});
}
}

3.添加媒体的窗口确认信息,传到服务端

/**=========================================
*添加媒体的窗口确认信息,传到服务端
*/
function win_confirm(){

var media_id = $('#media_id').textbox('getValue');
var media_name = $('#media_name').textbox('getValue');
var media_domain = $('#media_domain').textbox('getValue');
var media_type = $('#media_type').textbox('getValue');

$('#win1').window('close');
//要向数据库中添加一条信息,然后更新

$.ajax({
url:baseCtx+"/media/addMediaInfo.action",
data:{
MEDIA_ID:media_id,
MEDIA_NAME:media_name,
MEDIA_DOMAIN:media_domain,
MEDIA_TYPE:media_type,
},
type : 'post',
async : true,
dataType : "text",
success: function(data){
if(data=="SUCCESS")
{
getMediaInfo();
}
},
});
}

4.编辑媒体的窗口确认信息,传到服务端
/**=========================================
*编辑媒体的窗口确认信息,传到服务端
*/
function editButton() {
$('#win2').window('open');
//清空
$('#media_id2').textbox('setValue',$('#dg').datagrid('getSelected').MEDIA_ID);
$('#media_name2').textbox('setValue',$('#dg').datagrid('getSelected').MEDIA_NAME);
$('#media_domain2').textbox('setValue',$('#dg').datagrid('getSelected').MEDIA_DOMAIN);
$('#media_type2').textbox('setValue',$('#dg').datagrid('getSelected').MEDIA_TYPE);
}

/**=========================================
*窗口确认信息,传到服务端用于修改更新数据库
*/
function win2_confirm()
{
var media_id = $('#media_id2').textbox('getValue');
var media_name = $('#media_name2').textbox('getValue');
var media_domain = $('#media_domain2').textbox('getValue');
var media_type = $('#media_type2').textbox('getValue');

$('#win2').window('close');
//要向数据库中添加一条信息,然后更新

$.ajax({
url:baseCtx+"/media/editMediaInfo.action",
data:{
MEDIA_ID:media_id,
MEDIA_NAME:media_name,
MEDIA_DOMAIN:media_domain,
MEDIA_TYPE:media_type,
},
type : 'post',
async : true,
dataType : "text",
success: function(data){
if(data=="SUCCESS"){
getMediaInfo();
}
},
});
}

5.删除信息
/**=========================================
*删除一条信息
*/
function removeButton() {

if($('#dg').datagrid('getSelected')) {
var mediaName =$('#dg').datagrid('getSelected').MEDIA_NAME;
$.messager.confirm('确认', '您确认想要删除'+mediaName+'吗?', function(r) {
if(r)
{
$.ajax({
url:baseCtx+"/media/removeMediaInfo.action",
data:{MEDIA_NAME:mediaName,},
type : 'post',
async : true,
dataType : "text",
success: function(data){
if(data=="SUCCESS")
{
getMediaInfo();
}},

});
}
});
}
else
{alert("请选择要删除的对象!");}

}

easyUI数据表格datagrid之笔记的更多相关文章

  1. easyUI数据表格datagrid之笔记2

    /**========================================= * 追加在表格尾部 */function append(){ editIndex = $('#dg').dat ...

  2. easyUI 数据表格datagrid的使用

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title&g ...

  3. easyUI数据表格datagrid之分页

    一.分页函数 /**========================================= * 分页函数 */function pagerFilter(data) { if(typeof ...

  4. [转载]EasyUI中数据表格DataGrid添加排序功能

    我们这里演示的是EasyUI数据表格DataGrid从服务器端排序功能,因为觉的本地数据排序没有多大的作用,一般我们DataGrid不会读取全部数据,只会读取当前页的数据,所以本地数据排序也只是对当前 ...

  5. easyui框架--基础篇(一)-->数据表格datagrid(php与mysql交互)

      前  言  php  easyui框架--本篇学习主要是 easyui中的datagrid(数据表格)框架. 本篇学习主要通过讲解一段代码加GIF图片学习datagrid(数据表格)中的一些常用属 ...

  6. jQuery EasyUI - 数据表格(DataGrid)

    由于工作需要,项目使用前端 jQuery EasyUI - DataGrid 来控制数据表格. 1.加载相关js和css,因为easyui依赖jquery,所有加载easyui前要先加载jquery, ...

  7. Easyui数据表格-地区列表及工具栏增删改

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...

  8. 商城项目回顾整理(二)easyUi数据表格使用

    后台主页: 商品的数据表格展示 引入用户表数据表格展示 引入日志表数据表格展示 引入订单表数据表格展示 后台主页代码: <%@ page language="java" co ...

  9. 数据表格 - DataGrid - 查询

    toolbar头部工具栏 <script type="text/javascript"> $(function () { $("#datagrid" ...

随机推荐

  1. 78 mount 挂载Linux系统外的文件。

    语法 mount [-hV] mount -a [-fFnrsvw] [-t vfstype] mount [-fnrsvw] [-o options [,...]] device | dir mou ...

  2. VirtualBox 扩展C盘

    1. 关闭虚拟机,找到ovi文件 2.执行命令: C:\Program Files\Oracle\VirtualBox>VBoxManage.exe modifyhd "C:\User ...

  3. Android复习笔记--架构与版本

    #Android架构: 1. Linux 内核层 Android 系统是基于Linux 2.6 内核的,这一层为Android 设备的各种硬件提供了底 层的驱动,如显示驱动.音频驱动.照相机驱动.蓝牙 ...

  4. Beta版本冲刺———第三天

    会议照片: 项目燃尽图: 1.项目进展: 今天解决的进度:对游戏结束的检测进行了完善,使分数标签和最高分标签的变化更加合理. 仍在进行对排行榜分数变更的实现 2.每个人每天做的事情 郭怡锋:汇总工作进 ...

  5. jax-ws开发总结

    服务端开发步骤: 1.定义SEI,即java中的接口 2.定义SEI的实现类,使用@webservice注解标记它是一个webservice服务类 3.发布服务 客户端开发步骤:使用jdk的servi ...

  6. Chrome开发工具Elements面板(编辑DOM和CSS样式)详解

    Element 译为“元素”,Element 面板可以让我们动态查看和编辑DOM节点和CSS样式表,并且立即生效,避免了频繁切换浏览器和编辑器的麻烦. 我们可以使用Element面板来查看源代码,它不 ...

  7. ajax技术应用(转)

    ajax简介 AJAX即"Asynchronous Javascript And XML"(异步JavaScript和XML),是指一种创建交互式网页应用的网页开发技术.Ajax不 ...

  8. 【POJ 2406】Power Strings(KMP循环节)

    终于靠着理解写出KMP了,两种KMP要代码中这种才能求循环节.i-next[i]就是循环节. #include<cstdio> #define N 1000005 char s[N]; i ...

  9. 浅析VO、DTO、DO、PO的概念、区别和用处

    上一篇文章作为一个引子,说明了领域驱动设计的优势,从本篇文章开始,笔者将会结合自己的实际经验,谈及领域驱动设计的应用.本篇文章主要讨论一下我们经常会用到的一些对象:VO.DTO.DO和PO. 由于不同 ...

  10. 【BZOJ-2725】故乡的梦 Dijsktra + Tarjan + Dinic + BFS + 堆

    2725: [Violet 6]故乡的梦 Time Limit: 20 Sec  Memory Limit: 128 MBSubmit: 502  Solved: 173[Submit][Status ...