easyui中icon显示问题

图片说明
求解!!!!
我就是用了demo里面的例子,之后把它复制到自己的web下,就显示不出来了.

2个回答

路径问题,icon文件夹要和js在同级目录下

u012470804
飞翔的小野鸭 谢谢
4 年多之前 回复

css中图片路径错了,默认easyui.css样式和images文件夹在同一个目录下,你移动过images目录要自己修改css中的图片路径

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
easyui 表格的icon的显示问题
![图片说明](https://img-ask.csdn.net/upload/201603/18/1458286433_805.jpg)
ssm + easyui 数据无法显示
``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> <%@include file="../common/header.jsp"%> <div class="easyui-layout" data-options="fit:true"> <!-- Begin of toolbar --> <div id="wu-toolbar"> <div class="wu-toolbar-button"> <%@include file="../common/menus.jsp"%> </div> <div class="wu-toolbar-search"> <label>用户名称:</label><input id="search-name" class="wu-text" style="width:100px"> <label>真实姓名:</label><input id="search-realName" class="wu-text" style="width:100px"> <label>身份证号:</label><input id="search-idCard" class="wu-text" style="width:100px"> <label>手机号码:</label><input id="search-mobile" class="wu-text" style="width:100px"> <label>状态:</label> <select id="search-status" class="easyui-combobox" panelHeight="auto" style="width:120px"> <option value="-2">全部</option> <option value="0">可用</option> <option value="-1">冻结</option> </select> <a href="#" id="search-btn" class="easyui-linkbutton" iconCls="icon-search">搜索</a> </div> </div> <!-- End of toolbar --> <table id="data-datagrid" class="easyui-datagrid" toolbar="#wu-toolbar"></table> </div> <!-- 添加弹框 --> <div id="add-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:420px; padding:10px;"> <form id="add-form" method="post"> <table> <tr> <td align="right">名称:</td> <td><input type="text" id="add-name" name="name" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请填写用户名称'" /></td> </tr> <tr> <td align="right">密码:</td> <td><input type="password" id="add-password" name="password" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请填写用户密码'" /></td> </tr> <tr> <td align="right">真实姓名:</td> <td><input type="text" id="add-realName" name="realName" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">身份证号:</td> <td><input type="text" id="add-idCard" name="idCard" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">手机号码:</td> <td><input type="text" id="add-mobile" name="mobile" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">联系地址:</td> <td><input type="text" id="add-address" name="address" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">状态:</td> <td> <select id="add-status" name="status" class="easyui-combobox" panelHeight="auto" style="width:268px" data-options="required:true, missingMessage:'请选择状态'"> <option value="0">可用</option> <option value="-1">冻结</option> </select> </td> </tr> </table> </form> </div> <!-- 修改窗口 --> <div id="edit-dialog" class="easyui-dialog" data-options="closed:true,iconCls:'icon-save'" style="width:450px; padding:10px;"> <form id="edit-form" method="post"> <input type="hidden" name="id" id="edit-id"> <table> <tr> <td align="right">名称:</td> <td><input type="text" id="edit-name" name="name" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请填写用户名称'" /></td> </tr> <tr> <td align="right">密码:</td> <td><input type="password" id="edit-password" name="password" class="wu-text easyui-validatebox" data-options="required:true, missingMessage:'请填写用户密码'" /></td> </tr> <tr> <td align="right">真实姓名:</td> <td><input type="text" id="edit-realName" name="realName" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">身份证号:</td> <td><input type="text" id="edit-idCard" name="idCard" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">手机号码:</td> <td><input type="text" id="edit-mobile" name="mobile" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">联系地址:</td> <td><input type="text" id="edit-address" name="address" class="wu-text easyui-validatebox" /></td> </tr> <tr> <td align="right">状态:</td> <td> <select id="edit-status" name="status" class="easyui-combobox" panelHeight="auto" style="width:268px"> <option value="0">可用</option> <option value="-1">冻结</option> </select> </td> </tr> </table> </form> </div> <%@include file="../common/footer.jsp"%> <!-- End of easyui-dialog --> <script type="text/javascript"> /** * 添加记录 */ function add(){ var validate = $("#add-form").form("validate"); if(!validate){ $.messager.alert("消息提醒","请检查你输入的数据!","warning"); return; } var data = $("#add-form").serialize(); $.ajax({ url:'add', dataType:'json', type:'post', data:data, success:function(data){ if(data.type == 'success'){ $.messager.alert('信息提示','添加成功!','info'); $("#add-name").val(''); $("#add-remark").val(''); $('#add-dialog').dialog('close'); $('#data-datagrid').datagrid('reload'); }else{ $.messager.alert('信息提示',data.msg,'warning'); } } }); } /** * 编辑记录 */ function edit(){ var validate = $("#edit-form").form("validate"); if(!validate){ $.messager.alert("消息提醒","请检查你输入的数据!","warning"); return; } var data = $("#edit-form").serialize(); $.ajax({ url:'edit', dataType:'json', type:'post', data:data, success:function(data){ if(data.type == 'success'){ $.messager.alert('信息提示','修改成功!','info'); $('#edit-dialog').dialog('close'); $('#data-datagrid').datagrid('reload'); }else{ $.messager.alert('信息提示',data.msg,'warning'); } } }); } /** * 删除记录 */ function remove(){ $.messager.confirm('信息提示','确定要删除该记录?', function(result){ if(result){ var item = $('#data-datagrid').datagrid('getSelected'); if(item == null || item.length == 0){ $.messager.alert('信息提示','请选择要删除的数据!','info'); return; } $.ajax({ url:'delete', dataType:'json', type:'post', data:{id:item.id}, success:function(data){ if(data.type == 'success'){ $.messager.alert('信息提示','删除成功!','info'); $('#data-datagrid').datagrid('reload'); }else{ $.messager.alert('信息提示',data.msg,'warning'); } } }); } }); } /** * Name 打开编辑窗口 */ function openEdit(){ //$('#add-form').form('clear'); var item = $('#data-datagrid').datagrid('getSelected'); if(item == null || item.length == 0){ $.messager.alert('信息提示','请选择要编辑的数据!','info'); return; } $('#edit-dialog').dialog({ closed: false, modal:true, title: "编辑用户信息", buttons: [{ text: '确定', iconCls: 'icon-ok', handler: edit }, { text: '取消', iconCls: 'icon-cancel', handler: function () { $('#edit-dialog').dialog('close'); } }], onBeforeOpen:function(){ //$("#add-form input").val(''); $("#edit-id").val(item.id); $("#edit-name").val(item.name); $("#edit-password").val(item.password); $("#edit-realName").val(item.realName); $("#edit-idCard").val(item.idCard); $("#edit-mobile").val(item.mobile); $("#edit-status").combobox('setValue',item.status); $("#edit-address").val(item.address); } }); } /** * Name 打开添加窗口 */ function openAdd(){ //$('#add-form').form('clear'); $('#add-dialog').dialog({ closed: false, modal:true, title: "添加用户信息", buttons: [{ text: '确定', iconCls: 'icon-ok', handler: add }, { text: '取消', iconCls: 'icon-cancel', handler: function () { $('#add-dialog').dialog('close'); } }], onBeforeOpen:function(){ $("#add-form input").val(''); } }); } //搜索按钮监听 $("#search-btn").click(function(){ var option = {name:$("#search-name").val()}; var status = $("#search-status").combobox('getValue'); if(status != -2){ option.status = status; } option.realName = $("#search-realName").val(); option.idCard = $("#search-idCard").val(); option.mobile = $("#search-mobile").val(); $('#data-datagrid').datagrid('reload',option); }); /** * 载入数据 */ $('#data-datagrid').datagrid({ url:'list', rownumbers:true, singleSelect:true, pageSize:20, pagination:true, multiSort:true, fitColumns:true, idField:'id', treeField:'name', fit:true, columns:[[ { field:'chk',checkbox:true}, { field:'name',title:'名称',width:100,sortable:true}, { field:'password',title:'密码',width:100,sortable:true}, { field:'realName',title:'真实姓名',width:100,sortable:true}, { field:'idCard',title:'身份证号',width:100,sortable:true}, { field:'mobile',title:'手机号',width:100,sortable:true}, { field:'address',title:'地址',width:100,sortable:true}, { field:'status',title:'状态',width:100,formatter:function(value,row,index){ switch(value){ case 0:{ return '可用'; } case -1:{ return '冻结'; } } return value; }} ]] }); </script> ```
easyui inkbutton的显示
问题描述: 窗口中代码如下: ``` <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-search'" >Search</a> ``` 当窗口有滚动条时,按钮本身随滚动条滚动,而图标和文本“search”不随之滚动,但当你把单击下图标,图标迅速滑落到按钮本身的位置,请问是什么原因,是慢的原因么?
easyUI datagrid 数据显示不出来的问题
用的是PHP+easyUI做的开发,EasyUI datagrid绑定数据源有问题,就是数据显示不出来。 <table id="family_info" class="easyui-datagrid" title="家庭成员信息" style="width:100%;height:auto" data-options=" iconCls: 'icon-edit', fitColumns:true, rownumbers:true, url:'__URL__/stuFamilyJson', method:'get', singleSelect: true, toolbar: '#toolbar'"> 原来在win下做开发,这样写是好使的,顺道贴出stuFamilyJson方法的代码: public function stuFamilyJson(){ $tb=D('StuFamily'); $familyInfo=$tb->where('stu_id='.session('userId'))->select(); foreach ($familyInfo as $key=>$familyInfoEach) $familyInfo[$key]=$tb->parseFieldsMap($familyInfoEach); echo $familyInfo=json_encode($familyInfo); } 用浏览器开发者工具查看,得到返回值如下: [{"id":"1","stuId":"1","folkName":"\u7236\u4eb2\u5927\u4eba","folkRelation":"\u7236\u5b50","folkCompany":"\u7236\u4eb2\u7684\u5355\u4f4d","folkPosition":"\u5de5\u4eba2","folkTel":"12345678910","folkAddress":"\u7ed9\u5927\u5bb6\u8bf4\u670di\u4e3au\u5346"},{"id":"2","stuId":"1","folkName":"\u6bcd\u4eb2\u5927\u4eba","folkRelation":"\u6bcd\u5b50","folkCompany":"\u6bcd\u4eb2\u7684\u5355\u4f4d","folkPosition":"\u5de5\u4eba","folkTel":"12345678910","folkAddress":"\u5bf9\u65b9\u7b54\u590d"},{"id":"6","stuId":"1","folkName":"\u5144\u957f\u5927\u4eba","folkRelation":"\u5144\u5f1f","folkCompany":"\u65e0","folkPosition":"\u65e0","folkTel":"123456","folkAddress":"\u70ed\u70ed\u70ed\u4ed6 \u5c14\u7279\u8ba9\u4ed6"}] 注:此部分汉字都编码了,这里就不还原。 但是现在这样写,前台就显示不出数据了! 把返回的数据直接粘贴到一个json文件,url改为该json文件,就能正常显示了。 但是,这终究不是个好办法,毕竟要和数据库交互,当然你可能说让后台操作,将结果写入json文件,这样确实可以,不过我不是很喜欢。 又想到了这样写: <script type="text/javascript"> $(document).ready( $.post("__URL__/stuFamilyJson", function(data){ data=eval("("+data+")"); $("#family_info").datagrid({'data':data}); } ) ); </script> 这样写发现也能正常显示。 那么,问题来了,我直接写url和这样用js写有什么区别么?为什么直接写url会出问题?还有另一个combobox,也是用url写的,刚做完好使,过了几天就不好使了,也不知道是什么原因,我觉得二者是同一原因引起的。求大神帮忙!!
easyui页面显示,就是在主页面显示另一个页面,那个页面没有完整的显示出来,但是在地址栏上输入那个页面的地址,那个页面就完整的显示,这怎么农
使用easyui做的main.jsp和busCarsManager.jsp 在main.jsp点击车辆管理即busCarsManager.jsp,显示成了这样 如下图 ![图片说明](https://img-ask.csdn.net/upload/202003/04/1583329850_48245.png) 在地址栏输入该页面url地址 ![图片说明](https://img-ask.csdn.net/upload/202003/04/1583329898_132483.png) 怎么弄好?? 以下是main.jsp代码 <title>Basic Form - jQuery EasyUI Demo</title> <link rel="stylesheet" type="text/css" href="easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/icon.css"> <link rel="stylesheet" type="text/css" href="easyui/themes/demo.css"> <script type="text/javascript" src="easyui/jquery.min.js"></script> <script type="text/javascript" src="easyui/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function() { $('#tt').tree({ //点击菜单事件 onClick: function(node){ //如果选项的url为空,null,直接退出,在页面不变 if(node.url==""||node.url==null){ return; } //如果选项卡存在 var flag=$('#tab').tabs('exists',node.text); //存在的条件下,选中,显示其内容 if(flag){ $('#tab').tabs('select',node.text); }else{ $('#tab').tabs('add',{ title: node.text, href:node.url, closable:true }); } } }); }); </script> <title>汽车租赁系统</title> </head> <body class="easyui-layout"> <div data-options="region:'north',split:true" style="height:100px;background: url('images/绿色.jpg')"> <div style="margin-left: 120px;margin-top: 30px;float:left;"> <span style="font-size: 32px;color:orange;font-weight:bold;">汽车租赁系统</span> </div> <div style="float: right ;margin-top: 60px;margin-right: 30px"> <span style="font-size: 18px;color: red;">欢迎admin用户登录</span> <a style="font-size: 18px;color: red;text-decoration: none">注销</a> </div> </div> <div data-options="region:'south',title:'版权信息',split:true" style="height:200px;background: url('images/版权信息.png'); background-repeat: no-repeat;background-color: silver;background-position: center;"></div> <div data-options="region:'east',title:'East',split:true" style="width:200px;"> <div id="date" class="easyui-calendar" style="width:180px;height:200px;"></div> </div> <div data-options="region:'west',title:'West',split:true" style="width:150px;"> <div id="menu" class="easyui-accordion" data-options="fit:true,border:false"> <div title="类别一"> <ul id="tt" class="easyui-tree" url="SysMenusController/findMoreMenus"></ul> </div> <div title="类别二"></div> <div title="类别三"></div> </div> </div> <div data-options="region:'center'" style="background:#eee;"> <div id="tab" class="easyui-tabs" data-options="fit:true"> <div title="默认页"> <img src="images/默认页.jpeg" width="90%" height="90%"> </div> </div> </div> </body> 以下是busCarsManager.jsp代码 <body data-options="fit:true"> <table id="busCarsManger_dg" title="My Cars" class="easyui-datagrid" style="width:600px;height:250px" url="/busCarsController/findAllBusCars" toolbar="#busCarsManger_toolbar" pagination="true" rownumbers="true" fitColumns="true" singleSelect="true"> <thead> <tr> <th field="carnumber" width="50">汽车牌号</th> <th field="lastname" width="50">汽车类型</th> <th field="pice" width="50">汽车价格</th> <th field="description" width="50">汽车描述</th> <th data-options="field:'carimg',formatter:showImage" width="50">汽车图片</th> </tr> </thead> </table> <div id="busCarsManger_toolbar"> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newCars()">新增汽车</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editCars()">修改汽车信息</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="destroyCars()">移除</a> </div> <div id="busCarsManger_dlg" class="easyui-dialog" style="width:500px" data-options="closed:true,modal:true,border:'thin',buttons:'#busCarsManger_dlg-buttons'"> <form id="busCarsManger_fm" method="post" novalidate style="margin:0;padding:20px 50px"> <h3>汽车信息</h3> <div style="margin-bottom:10px"> <input name="carnumber" class="easyui-textbox" required="true" label="汽车牌号:" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="cartype" class="easyui-textbox" required="true" label="汽车类型:" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="color" class="easyui-textbox" required="true" label="汽车颜色" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="price" class="easyui-textbox" required="true" label="汽车价格" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="rentprice" class="easyui-textbox" required="true" label="汽车租金" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="deposit" class="easyui-textbox" required="true" label="汽车押金" style="width:100%"> </div> <div style="margin-bottom:10px"> <input name="description" class="easyui-textbox" required="true" label="汽车描述" style="width:100%"> </div> <input type="text" name="carimg" id="carimg"> </form> <form id="fm2" method="post" enctype="multipart/form-data" style="margin:0;padding:20px 50px"> <div style="margin-bottom:10px"> <input name="fil" class="easyui-filebox" label="汽车图片" style="width:70%"> <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="fileUpload()" style="width:100px">上传图片</a> </div> <span id="sp1"></span> </form> </div> <div id="busCarsManger_dlg-buttons"> <a href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok" onclick="saveCars()" style="width:90px">Save</a> <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')" style="width:90px">Cancel</a> </div> <script type="text/javascript"> //全局参数地址 var url; //删除车辆系信息操作 function destroyCars(){ //当表格信息被选中 var row= $('#busCarsManger_dg').datagrid('getSelected'); if(row){ //提示是否删除 $.messager.confirm("提示","是否删除该车辆信息",function(flag){ if(flag){ //发送Ajax请求,通过控制器执行删除车辆操作 $.post("busCarsController/removeBusCars",{'carnumber':row.carnumber},function(result){ if(result>0){ //删除成功重新加载表格数据 $("#busCarsManger_dg").datagrid("reload"); }else{ $.messager.alert("警告","删除失败","error"); } }) } }) }else //提示请选中至少一行 $.messager.alert("提示","请选中当前信息表的一行数据","info"); } //修改车辆信息 function editCars(){ //当数据表格被选中 var row= $('#busCarsManger_dg').datagrid('getSelected'); if(row){ //执行修改操作,打开修改对话框 $("#busCarsManger_dlg").dialog("open").dialog("center").dialog("setTitle","修改汽车信息") //加载当前选中信息行的数据,在表单一中回显 $("busCarsManger_fm").form("load",row); //表单二中图片的回显,不是用append方法,是因为每次点击修改就会加一个图片,故只用文本显示方法html $("#sp1").html("<img src='images/"+result.url+"'width='80px'/>") //点击保存时,实现修改操作,跳转到当前车辆信息表 url:"busCarsController/changeBusCars"; }else{ $.messager.alert("提示","请选中当前信息表的一行数据","info"); } } //文件上传的操作 function fileUpload(){ //提交form表单 $('#fm2').form('submit',{ url: "busCarsController/fileUpload", success: function(result){ var result=eval('('+result+')'); if(result.url){ //防止在执行修改车辆信息操作,上传图片时,需要清空表单二的图片,防止出现两个图片 $("#sp1").empty(); //显示图片 $("#sp1").append("<img src='images/"+result.url+"'width='80px'/>") //将图片名字赋值给隐藏域 $("#carimg").val("result.url"); }else{ $.messager.alert("提示","图片上传失败","error"); } } }); } //保存车辆信息 function saveCars(){ //获得表单的所有内容 var val =$("busCarsManger_fm").serialize(); $.post(url,val,function(result){ if(result>0){ //关闭当前的对话框 $("#busCarsManger_dlg").dialog("close") //刷新后面的表格 $("#busCarsManger_dg").datagrid("reload"); } }) } 添加车辆信息 function newCars(){ //添加新增对话框信息 $("#busCarsManger_dlg").dialog("open").dialog("center").dialog("setTitle","新增汽车") //清除表单之前的内容 $("busCarsManger_fm").form("clear") //清除图片表单项,要不然下次打开还在 $("#fm2").form("clear") //清除图片显示 $("#sp1").empty(); url="busCarsController/saveBusCars"; } function showImage(val){ return "<img src='images/"+val+"' width='80px'/>"; } </script> </body>
easyui datagrid中combobox的问题
如下图: ![图片说明](https://img-ask.csdn.net/upload/201506/27/1435398138_950017.png) 这是后台编辑页面,作用为新闻的管理(新闻实体的字段“是否在前台显示”的值只有“是”和“否”)。 我想让“是否在首页显示”这一列下面都有一个combobox,默认值为数据库中真实的值。如果某条新闻的这个字段值为“是”,则对应的combobox还有一个值为“否”的option,反之对应的combobox还有一个值为“是”的option。 从网上找了一段代码实现不了,请问该如何改呢?求大神帮忙! //实现新闻DataGird控件的绑定操作 function initTable(queryData) { $('#test').datagrid({ //定位到Table标签,Table标签的ID是test fitColumns: true, url: '/News/QueryAllNews', //指向后台的Action来获取当前用户的信息的Json格式的数据 title: '新闻公告', //标识 iconCls: 'icon-save', height: 368, nowrap: true, autoRowHeight: false, striped: true, collapsible: true, pagination: true, rownumbers: true, //sortName: 'ID', //根据某个字段给easyUI排序 sortOrder: 'asc', remoteSort: false, idField: 'NewsID', queryParams: queryData, //异步查询的参数 columns: [[ { field: 'ck', checkbox: true }, { title: '主键', field: 'NewsID', sortable: true, hidden: true, }, { title: '内容标题', field: 'NewsTitle', width: 50, sortable: true }, { title: '具体内容', field: 'NewsContent', sortable: true, hidden: true, }, { title: '创建时间', field: 'TimeStamp', sortable: true, }, { title: '所属类别', field: 'CategoryName', sortable: true, }, { title: '创建人', field: 'UserName', sortable: true }, { title: '是否在首页显示', field: 'IsEnable', align: 'center', editor: { type: 'combobox', options: { data: [{ value: '是', text: '是', 'selected': 'true' }, { value: '否', text: '否' }], panelHeight: 'auto' } }, sortable: true } ]], toolbar: [{ id: 'btnadd', text: '添加', iconCls: 'icon-add', handler: function () { //实现弹出注册信息的页面 AddNews(); } }, '-', { id: 'btncut', text: '修改', iconCls: 'icon-cut', handler: function () { //实现修改的方法 UpdateLzjs(); } }, '-', { id: 'btnCancle', text: '删除', iconCls: 'icon-remove', handler: function () { //实现直接删除所有数据的方法 DeleteLzjs(); } }] }); }
easyui中datagrid 操作栏格式化为按钮的数据显示错位问题
在使用easyui的过程中,通过使用onLoadSuccess将操作栏格式化成按钮之后,就会出现表格中数据错位的问题;将onLoadSuccess注释掉后,恢复正常。 不知道这里面是有什么问题,下面附上界面截图和datagrid的代码,希望大牛们帮忙看看~~感激不尽啊!! ![如图所示,红框部分错位了](https://img-ask.csdn.net/upload/201505/11/1431331438_242848.png) ![图片说明](https://img-ask.csdn.net/upload/201505/11/1431334337_81313.png) ```JavaScript $(function(){ $('#dg').datagrid({ title:"学员信息", url:'system/studentinfo/data_getalllist', toolbar:'#toolbar', rownumbers:true, pagination:true, collapsible:true, //singleSelect:true, striped:true, fitColumns:true, fit:true, nowrap:false, loadMsg:"正在加载数据,请稍等", frozenColumns:[[ {field:'student_ID',title:'编号',width:50,align:'center',checkbox:true}, {field:'student_NUM',title:'学号',width:80,align:'center',sortable:true}, {field:'student_NAME',title:'姓名',width:80,align:'center'} ]], columns:[[ {field:'student_SEX',title:'性别',width:50,align:'center',rowspan:2}, {field:'rank_NAME',title:'级别',width:80,align:'center',rowspan:2}, {field:'student_IS_PAYTUITION',title:'是否已交学费',width:80,align:'center',rowspan:2, formatter:function(value, record){ if (value == "N") { value = "未交费"; return '<span style="color:red;">' + value + '</span>'; } else { value = "已交费"; return value; } } }, {field:'tuition_info',title:'学费信息',align:'center',colspan:3}, {field:'student_STARTTIME',title:'注册时间',width:80,align:'center',rowspan:2}, {field:'student_IS_ONSTUDY',title:'是否在学',width:80,align:'center',rowspan:2, formatter:function(value, record){ if (value == "Y") { value = "是"; return value; } else { value = "否"; return '<span style="color:red;">' + value + '</span>'; } } }, {field:'showdetail',title:'详细',width:100,align:'center',rowspan:2, formatter:function(value, row, index){ var btn1 = '<a class="detailcls" href="javascript:void(0)" onclick="showdetail('+index+')" ></a>'; return btn1; } }, {field:'opr',title:'操作',width:100,align:'center',rowspan:2, formatter:function(value, row, index){ var btn2 = '<a class="editcls" href="javascript:void(0)" onclick="editStudent('+index+')" ></a>'; return btn2; } }], [{field:'tuition_TYPE',title:'学费类别',width:80,align:'center'}, {field:'student_TUITION_STARTTIME',title:'交费时间',width:80,align:'center'}, {field:'student_TUITION_ENDTIME',title:'到期时间',width:80,align:'center'} ]], onLoadSuccess:function(data){ $('.detailcls').linkbutton({text:'详细信息',plain:true,iconCls:'icon-edit'}); $('.editcls').linkbutton({text:'编辑',plain:true,iconCls:'icon-edit'}); } }) }); ```
JQ中easyui显示$ is not defined
富文本编辑器出现$获取不到值的情况,使用document.getElementById()方法获取的值为空,不知道这是怎么一回事,望大家帮忙看以下问题所在。 <head> <title></title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <script type="text/javascript" src="~/Scripts/jquery-1.11.3.js"></script> <script type="text/javascript" src="~/Scripts/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="~/Scripts/jquery.easyui-1.4.5.js"></script> <script type="text/javascript" src="~/Scripts/jquery.easyui-1.4.5.min.js"></script> <link rel="stylesheet" type="text/css" href="~/Content/themes/icon.css" /> <link rel="stylesheet" type="text/css" href="~/Content/themes/default/easyui.css" /> <script type="text/javascript" src="~/Scripts/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script> <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script> <style type="text/css"> div{ width:100%; } </style> </head> <body> <div> <h1>完整demo</h1> <table> <tr> <td>标题</td> <td><input id="biaoti" class="easyui-textbox" ></td> </tr> <tr> <td>作者</td> <td><input id="zuozhe" class="easyui-textbox"></td> </tr> <tr> <td>创建时间</td> <td><input id="chuangjian" class="easyui-textbox"></td> </tr> <tr> <td style="text-align:left;">新闻内容:</td> </tr> </table> <script id="editor" type="text/plain" style="width:1024px;height:500px;"><!--文本编辑部分--> </script> </div> <div> <button style="width:80px;height:30px;" onclick="funFabu()"> 发布</button> </div> <script type="text/javascript" charset="utf-8"> function funFabu() { var va = $("#biaoti").textbox('getText'); alert(va); } </script> </body>
EasyUI样式问题,上部分显示出现问题
![图片说明](https://img-ask.csdn.net/upload/201610/25/1477394544_715701.png) 布局如下 ``` <div class="easyui-layout" style="width:100%;height:100%;"> <!-- 上部分 --> <div data-options="region:'north',split:true" style="width:700px;height:200px"> <div data-options="region:'center'" class="easyui-tabs" style="width:100%;height:100%;"> <div title="用户呼叫列表"style="padding:0px"> <!-- 加载用户呼叫列表显示 --> <div region="center" style="width:100%;height:100%"> <table id="need_help_user_t"></table> </div> </div> <div title="空闲服务人员列表"style="padding:0px"> <!-- 加载空闲服务人员列表显示 --> <div region="center" style="width:100%;height:100%"> <table id="leisure_server_t"></table> </div> </div> <div title="待处理订单"style="padding:0px"> <!-- 加载待处理订单列表显示 --> <div region="center" style="width:100%;height:100%"> <table id="pend_order_form_t"></table> </div> </div> <div title="已完成订单"style="padding:0px"> <!-- 加载已完成订单列表显示 --> <div region="center" style="width:100%;height:100%"> <table id="finish_order_form_t"></table> </div> </div> </div> </div> <!-- 左边部分 --> <div data-options="region:'west',split:true" title="实时动态" style="width:220px;"> <div style="margin-bottom:10px;margin-left:10px;margin-top:10px;"> <div>总用户数:</div> <div style="text-align:center"> <input id="all_the_user" class="easyui-textbox" style="width:80%;height:25px;border:0px" value="" readonly> </div> </div> <div style="margin-left:10px;margin-bottom:10px"> <div>呼叫用户数:</div> <div style="text-align:center"> <input id="need_help_user" style="width:80%;height:25px;border:0px" value="" readonly> </div> </div> <div style="margin-left:10px;margin-bottom:10px"> <div>总服务人数:</div> <div style="text-align:center"> <input id="all_the_server" class="easyui-textbox" style="width:80%;height:25px;border:0px" value="" readonly> </div> </div> <div style="margin-left:10px;margin-bottom:10px"> <div>空闲服务人数:</div> <div style="text-align:center"> <input id="leisure_server" class="easyui-textbox" style="width:80%;height:25px;border:0px" value="" readonly> </div> </div> <!-- 查询服务人员行动轨迹 --> <div style="margin-left:10px;margin-bottom:10px"> <div style="margin-bottom:10px">服务人员运动轨迹:</div> <div style="text-align:center;margin-bottom:10px"> <!-- 选择要查询的服务人员的serverID 数据通过javascript加入 --> <select id="select_serverID" class="easyui-combobox" name="serverID" style="width:160px"></select> </div> <div style="text-align:center"> <!-- 点击后返回原来的页面(将"xxxx的运动轨迹",改为"呼叫信息") --> <a href="#" id="back_and_reload" class="easyui-linkbutton" data-options="iconCls:'icon-reload'" style="width:70px">Reload</a> <!-- 点击后 (将"呼叫信息",改为"xxxx的运动轨迹")--> <a href="#" id="search_server_trace" class="easyui-linkbutton" data-options="iconCls:'icon-search'" style="width:70px">Search</a> </div> </div> </div> <!-- --> <div data-options="region:'center'" class="easyui-tabs" style="width:700px;height:250px"> <!-- 开始展示地图上用户等其他信息,当Search被点击后绘制展示选中serverID的运动轨迹 --> <div id="alter_title" title="呼叫信息" style="padding:0px"> <!-- 加载显示呼叫信息在地图上跳动显示 --> <div id="allmap" style="width: 100%;height:100%" ></div> </div> </div> </div> ```
easyui dialog控件不能显示
我用的是asp.net,其他的控件比如datagrid,button等可以正常显示,但是dialog就是显示不出来。我导入的包是: ``` <script type="text/javascript" src="/Scripts/js/jquery-1.8.0.min.js"></script> <script type="text/javascript" src="/Scripts/js/jquery.easyui.min.js"></script> <script type="text/javascript" src="/Scripts/js/easyui-lang-zh_CN.js"></script> <script type="text/javascript" src="/Scripts/js/dialog.js"></script> <script type="text/javascript" src="/Scripts/ArtDialog/jquery.artDialog.js"></script> <link rel="stylesheet" type="text/css" href="/theme/default/easyui.css"/> <link rel="stylesheet" type="text/css" href="/theme/icon.css"/> ``` 包的路径都是对的,dialog的代码是从easyui官网上贴的,是不是还要导其他的包或者要加入其他的标签?
easyui 的 datagrid 在选项卡 tabs 中不显示数据
``` </head> <body> <div class="body"> <div class="left"> <div id="ak47" class="li"> 添加选项卡 </div> </div> <div class="right"> <div id="tt" class="easyui-tabs" style="width:500px;height:250px;"> </div> </div> </div> </body> <script type="text/javascript" src="${basePath }/js/jquery-1.12.2.min.js"></script> <script type="text/javascript" src="${basePath }/easyui/jquery.easyui.min.js"></script> <script type="text/javascript"> $(function(){ var flog=0; $('#tt').tabs({ border:false, onSelect:function(title){ alert(title+' is selected'); } }); // add a new tab panel $('#tt').tabs('add',{ title:'New Tab', content:'Tab Body', closable:true, tools:[{ iconCls:'icon-mini-refresh', handler:function(){ alert('refresh'); } }] }); $("#ak47").on("click",function(){ if(flog==0) { flog+=1; // 添加一个新的选项卡 $('#tt').tabs('add',{ id:"ad", title:'New Tab', content:'<table id="dg"></table>', closable:true, tools:[{ iconCls:'icon-mini-refresh', handler:function(){ alert('refresh'); } }] }); $('#dg').datagrid({ url:'${basePath}/dba/listUser', columns:[[ {field:'id',title:'ID',width:100}, {field:'loginId',title:'用户名',width:100}, {field:'password',title:'密码',width:100,align:'right'} ]] }); } }); $('#tt').tabs({ onClose:function(){ flog=0; } }); }); ``` 点击的时候生成一个tabs并且在tabs中插入一个datagrid。现在的结果是数据可以过来,但是datagrid被挤成一条竖线,数据有,但是被隐藏了 ![图片说明](https://img-ask.csdn.net/upload/201805/08/1525759859_65811.jpg) 下面是获得的数据,但是无法显示 ![图片说明](https://img-ask.csdn.net/upload/201805/08/1525759951_294361.jpg)
easyui绑定不显示,请大神看看,感激不尽。
刚接触easyUI,下面是代码 <script type="text/javascript"> $(document).ready(function () { $('#tdd').datagrid({ title: '统计 报表', iconCls: 'icon-save', width: 1000, height: 550, toolbar: '#tb', url: "M_goods.ashx/ProcessRequest ", //接收一般处理程序返回来的json数据 columns: [[ { field: 'GoodsId', title: 'GoodsId', width: 100 }, { field: 'GoodsName', title: 'GoodsName', width: 100 } ]], pagination: true, rownumbers: true, method: 'post' }); } ); </script> <table id="tdd" align="center"> </table> url路径中的代码,一般程序 public void ProcessRequest(HttpContext context) { context.Response.ContentType = "text/json"; DataTable dt = goodtab.GetData(); int count = dt.Rows.Count; string strJson = DataTable2Json(dt);//DataSet数据转化为Json数据 context.Response.Write(strJson);//返回给前台页面 context.Response.End(); } /// <summary> /// dataTable转换成Json格式 /// </summary> /// <paramname="dt"></param> ///<returns></returns> public static string DataTable2Json(DataTable dt) { StringBuilder jsonBuilder = new StringBuilder(); for (int i = 0; i < dt.Rows.Count; i++) { jsonBuilder.Append("{"); for (int j = 0; j < dt.Columns.Count; j++) { jsonBuilder.Append("\""); jsonBuilder.Append(dt.Columns[j].ColumnName); jsonBuilder.Append("\":\""); jsonBuilder.Append(dt.Rows[i][j].ToString()); jsonBuilder.Append("\","); } if (dt.Columns.Count > 0) { jsonBuilder.Remove(jsonBuilder.Length - 1, 1); } jsonBuilder.Append("},"); } if (dt.Rows.Count > 0) { jsonBuilder.Remove(jsonBuilder.Length - 1, 1); } return jsonBuilder.ToString(); } 这个strJson里面是有值的,并且格式是json格式,但是在前台不显示
Easyui使用layout面板Center中Href属性运行时一直处于加载中问题
实在想不出来问题了,望帮帮忙 js部分: <script type="text/javascript" src="~/Scripts/jquery-1.11.3.js"></script> <script type="text/javascript" src="~/Scripts/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="~/Scripts/jquery.easyui-1.4.5.js"></script> <script type="text/javascript" src="~/Scripts/jquery.easyui-1.4.5.min.js"></script> <link rel="stylesheet" type="text/css" href="~/Content/themes/icon.css" /> <link rel="stylesheet" type="text/css" href="~/Content/themes/default/easyui.css" /> <script type="text/javascript" src="~/Scripts/locale/easyui-lang-zh_CN.js"></script> 标记部分: <div class="easyui-layout" style="width:700px;height:350px;"> <div data-options="region:'north'" title="north" style="height:100px"></div> <div data-options="region:'west',split:true" title="West" style="width:100px;"></div> <div data-options="region:'center',title:'Main Title',iconCls:'icon-ok'" title="center" href="DGC.cshtml"> </div> </div> <!--DGC是控制器DGC对应视图的一个页面,试过直接引用新创建的html文件还是一直处于加载中--> layout页面: 标记: <table class="easyui-datagrid" id="datagrid" title="Basic DataGrid" style="width:700px;height:250px" data-options="singleSelect:true,collapsible:true,url:'datagrid_data1.json',method:'get'"> </table> JS,JQ: <script type="text/javascript"> var datagrid; $(function () { $("#datagrid").datagrid({ title: "MyUsers",   width: 800,   height: 320,   iconCls: 'icon-save', //在标题前面加一个搜索图标   pagination: true, pagesize:5, pageList: [2, 5, 8, 10],   pageNumber: 1,   url: "/DataGridCenter/DataBing", fitColumns: true, //设置每列的宽度自适应DataGrid设定的宽度。默认为false   border: false, pageination:true, columns: [[ { title: '选择', field: '', width: 100, checkbox: true, }, //这个checkbox:true 就表示让Id这一行显示为复选框的样式。   { title: '编号', field: 'ID', width:100,}, { title: '标题', field: 'Title', width: 100, }, { title: '作者', field: 'Author', width: 100, }, { title: '创建时间', field: 'ReleaseTime', width: 100, }, { title: '修改时间', field: 'UpdateTime', width: 100, }, { title: '文本内容', field: 'ContentText', width: 100, }, { title: '状态', field: 'State', width: 100, }, ]] }); }) </script>
easyui datagrid显示不出的问题,求各位大神帮帮小弟~
``` **jsp页面代码** <body> <div style="padding:8px;height:auto"> 参数项名称: <input class="easyui-validatebox" type="text" name="name" data-options="required:true"> 创建时间: <input class="easyui-datebox" name="createTime" style="width:80px"> <a href="#" class="easyui-linkbutton" iconCls="icon-search">查找</a> <a href="#" class="easyui-linkbutton" data-options="iconCls:'icon-add'">添加</a> </div> <table id="tt" class="easyui-datagrid"></table> <script type="text/javascript"> $('#tt').datagrid({ title: "用户列表", width:"100%", height:550, iconCls:"icon-save", rownumbers:false, pagination:true, url: 'queryList.action', pageSize:10, columns: [ [ {field: "user_code", title: "账号", width:"24%", align: "center"}, {field: "user_account", title: "密码", width:"24%", align: "center"}, {field: "name", title: "姓名", width: "24%", align: "center"}, {field: "names", title: "称呼", width: "24%", align: "center"}, {field:'opt',title:"操作",width:"8%",align:"center", formatter:function(value,rec){ var btn = "<a class='editcls' onclick='editRow('"+rec.projectname+"','"+rec.projectpackage+"')' href='javascript:void(0)>'编辑</a>"; return btn; } } ] ], toolbar: [{ text: '添加', iconCls: 'icon-add', handler: function() { openDialog("add_dialog","add"); } }, '-', { text: '修改', iconCls: 'icon-edit', handler: function() { openDialog("add_dialog","edit"); } }, '-',{ text: '删除', iconCls: 'icon-remove', handler: function(){ delAppInfo(); } }] }); //设置分页控件 var p = $('#tt').datagrid('getPager'); p.pagination({ pageSize: 5,//每页显示的记录条数,默认为10 pageList: [5, 10, 15],//可以设置每页记录条数的列表 beforePageText: '第',//页数文本框前显示的汉字 afterPageText: '页 共 {pages} 页', displayMsg: '当前显示 {from} - {to} 条记录 共 {total} 条记录' }); </script> </body> **后台代码** controller @RequestMapping(value = "queryList", method = { RequestMethod.POST, RequestMethod.GET }) public void getAllParam(HttpServletRequest request, HttpServletResponse response, @RequestParam(required = false, defaultValue = "1") Integer page, //第几页 @RequestParam(required = false, defaultValue = "10") Integer rows, //页数大小 @RequestParam(required = false, defaultValue = "") String paramName, @RequestParam(required = false, defaultValue = "") String createTime ) throws IOException { Map<String,Object> map=new HashMap<String,Object>(); map.put("pageSize", rows); map.put("pageIndex",(page-1)*rows); try { List<Uase> list= uaseService.queryList(map); int totl=uaseService.count(); //设置页面数据 Map<String,Object> jsonMap = new HashMap<String,Object>(); jsonMap.put("total",totl); jsonMap.put("rows", list); String jsonStr = JSONObject.toJSONString(jsonMap); System.out.println(jsonStr); sendJsonData(response,jsonStr); } catch (Exception e) { e.printStackTrace(); } } private void sendJsonData(HttpServletResponse response, String data) throws IOException { // HttpServletResponse response = ServletActionContext.getResponse(); response.setContentType("text/html;charset=UTF-8"); System.out.println(data); PrintWriter out; out = response.getWriter(); out.println(data); out.flush(); out.close(); } __** 前端就是没有数据显示**__ 这是转换后字符串型的josn数据 {"rows":[{"already_invoiceMoney":0},{"already_invoiceMoney":0},{"already_invoiceMoney":0}],"total":64} ```
easyui combox输入数据时,下面动态显示相似的option选项?
前台MVC+EasyUI,ComBox控件想做出随着输入下面给出提示的效果。 照着EasyUI官网的例子做的,但是在官网能实现边输入下面边显示相似的option选项: ![图片说明](https://img-ask.csdn.net/upload/201501/10/1420855049_714311.png) ![图片说明](https://img-ask.csdn.net/upload/201501/10/1420855107_513552.png) 但是我做出来就达不到这种效果,输入的时候下面没有提示,删除的时候才有。 这是官网的代码:[http://www.jeasyui.net/demo/324.html](http://www.jeasyui.net/demo/324.html "") 这是我的代码: ``` @{ ViewBag.Title = "Index"; } <html> <head> <link href="~/Content/jquery-easyui-1.3.2/themes/default/easyui.css" rel="stylesheet" /> <link href="~/Content/jquery-easyui-1.3.2/themes/icon.css" rel="stylesheet" /> <link href="~/Content/jquery-easyui-1.3.2/demo/demo.css" rel="stylesheet" /> <script src="~/Content/jquery-easyui-1.3.2/jquery-1.8.0.min.js"></script> <script src="~/Content/jquery-easyui-1.3.2/jquery.easyui.min.js"></script> </head> <body> 学院: <input class="easyui-combobox" name="language" data-options=" url:'/Cascade/QueryAcademy', valueField:'OrganizationID', textField:'OrganizationName', panelHeight:'auto', "> </body> </html> ``` 代码跟官网上一模一样,不知道是怎么回事,一直出不来,求指教
用easyui做form表单,但不显示出来
``` <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>easyui</title> <link rel="stylesheet" type="text/css" href="/easyui/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css"> <script type="text/javascript" src="/easyui/jquery.min.js"></script> <script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script> <script type="text/javascript" src="/easyui/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript"> $(function() { var userDialog = $("#userDialog"); //点击添加按钮,弹出一个窗体Dialog $("#add").click(function() { //弹出窗体 userDialog.dialog("open"); }); }) </script> </head> <body> <!-- closed:true隐藏效果 --> <div id="userDialog" class="easyui-dialog" title="保存用户" data-options="iconCls:'icon-save',closed:true" <!-- auto代表自动判定大小 --> style="width: 300px; height: auto; padding: 20px" buttons="#btns"> <!--表单必须的属性:method="post",action提交的url地址,id属性 --> <!-- 注意id的命名,建议统一使用XXXForm --> <form id="userForm" method="post" action="user_save.jsp"> <table> <tr> <td>用户名:</td> <td><input class="easyui-validatebox" type="text" <!-- required:true代表此乃必填项 --> name="username" data-options="required:true"></input></td> </tr> <tr> <td>邮箱地址:</td> <td><input class="easyui-validatebox" type="text" name="email" data-options="validType:'email'"></input></td> </tr> <tr> <td>主题:</td> <td><input class="easyui-validatebox" type="text" name="subject" <!-- validType:'length[10,200]'代表限定字符数量为10至200 --> data-options="required:true,validType:'length[10,200]'"></input></td> </tr> <tr> <td>Message:</td> <td><textarea name="message" style="height: 60px;"></textarea></td> </tr> </table> </form> </div> <!--按钮面板作为对话框操作面板 --> <div id="btns"> <!--不要在href里面写js代码 --> <a id="btnSubmit" href="javascript:void(0)" class="easyui-linkbutton">保存</a> <a href="javascript:void(0)" class="easyui-linkbutton" onclick="$('#userDialog').dialog('close')">取消</a> </div> </body> </html> ``` 就显示两个按钮: ![图片说明](https://img-ask.csdn.net/upload/201604/25/1461593138_104897.jpg)
easyui+ckeditor怎么把easyui从数据库提取得数据在ckeditor里显示
``` <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>新闻信息管理</title> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/default/easyui.css"> <link rel="stylesheet" type="text/css" href="jquery-easyui-1.3.3/themes/icon.css"> <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.min.js"></script> <script type="text/javascript" src="jquery-easyui-1.3.3/jquery.easyui.min.js"></script> <script type="text/javascript" src="jquery-easyui-1.3.3/locale/easyui-lang-zh_CN.js"></script> <script type="text/javascript" src="ckeditor/ckeditor.js"></script> <script type="text/javascript"> var url; function deleteNews(){ var selectedRows=$("#dg").datagrid('getSelections'); if(selectedRows.length==0){ $.messager.alert("系统提示","请选择要删除的数据!"); return; } var strIds=[]; for(var i=0;i<selectedRows.length;i++){ strIds.push(selectedRows[i].newsId); } var ids=strIds.join(","); $.messager.confirm("系统提示","您确认要删掉这<font color=red>"+selectedRows.length+"</font>条数据吗?",function(r){ if(r){ $.post("newsDelete",{delIds:ids},function(result){ if(result.success){ $.messager.alert("系统提示","您已成功删除<font color=red>"+result.delNums+"</font>条数据!"); $("#dg").datagrid("reload"); }else{ $.messager.alert('系统提示',result.errorMsg); } },"json"); } }); } function searchNews(){ $('#dg').datagrid('load',{ newsTitle:$('#s_newsTitle').val(), newsContent:$('#s_newsContent').val(), newsAuthor:$('#s_newsAuthor').val(), newsTime:$('#s_newsTime').datebox("getValue"), newsSources:$('#s_newsSources').val() }); $("#s_newsTime").datebox("setValue",""); } function openNewsAddDialog(){ $("#dlg").dialog("open").dialog("setTitle","添加新闻信息"); url="newsSave"; } function saveNews(){ $("#fm").form("submit",{ url:url, success:function(result){ if(result.errorMsg){ $.messager.alert("系统提示",result.errorMsg); return; }else{ $.messager.alert("系统提示","保存成功"); resetValue(); $("#dlg").dialog("close"); $("#dg").datagrid("reload"); } } }); } function resetValue(){ $("#newsTitle").val(""); $("#newsContent").val(""); $("#newsAuthor").val(""); $("#newsTime").datebox("setValue",""); $("#newSources").val(""); } function closeNewsDialog(){ $("#dlg").dialog("close"); resetValue(); } function openNewsModifyDialog(){ var selectedRows=$("#dg").datagrid('getSelections'); if(selectedRows.length!=1){ $.messager.alert("系统提示","请选择一条要编辑的数据!"); return; } var row=selectedRows[0]; $("#dlg").dialog("open").dialog("setTitle","编辑新闻信息"); $("#fm").form("load",row); url="newsSave?newsId="+row.newsId; } </script> </head> <body style="margin: 5px;"> <table id="dg" title="新闻信息" class="easyui-datagrid" fitColumns="true" pagination="true" rownumbers="true" url="newsList" fit="true" toolbar="#tb"> <thead> <tr> <th field="cb" checkbox="true"></th> <th field="newsId" width="20" align="center">编号</th> <th field="newsTitle" width="100" align="center">新闻标题</th> <th field="newsContent" width="300" align="center">新闻内容</th> <th field="newsAuthor" width="50" align="center">新闻作者</th> <th field="newsTime" width="50" align="center">新闻发布时间</th> <th field="newsSources" width="50" align="center">新闻来源</th> </tr> </thead> </table> <div id="tb"> <div> <a href="javascript:openNewsAddDialog()" class="easyui-linkbutton" iconCls="icon-add" plain="true">添加</a> <a href="javascript:openNewsModifyDialog()" class="easyui-linkbutton" iconCls="icon-edit" plain="true">修改</a> <a href="javascript:deleteNews()" class="easyui-linkbutton" iconCls="icon-remove" plain="true">删除</a> </div> <div>&nbsp;新闻标题:&nbsp;<input type="text" name="s_newsTitle" id="s_newsTitle" size="10"/> &nbsp;新闻内容:&nbsp;<input type="text" name="s_newsContent" id="s_newsContent" size="10"/> &nbsp;新闻作者:&nbsp;<input type="text" name="s_newsAuthor" id="s_newsAuthor" size="10"/> &nbsp;新闻时间:&nbsp;<input class="easyui-datebox" name="s_newsTime" id="s_newsTime" editable="false" size="10"/> &nbsp;新闻来源:&nbsp;<input type="text" name="s_newsSources" id="s_newsSources" size="10"/> <a href="javascript:searchNews()" class="easyui-linkbutton" iconCls="icon-search" plain="true">搜索</a></div> </div> <div id="dlg" class="easyui-dialog" style="width: 1050px;height: 500px;padding: 20px 20px" closed="true" buttons="#dlg-buttons"> <form id="fm" method="post"> <table cellspacing="5px;"> <tr> <td>新闻标题:</td> <td><input type="text" name="newsTitle" id="newsTitle" class="easyui-validatebox" required="true" size="60"/></td> <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td> <td>新闻来源:</td> <td><input type="text" name="newsSources" id="newsSources" class="easyui-validatebox" required="true" size="60"/></td> <td></td> </tr> <tr> <td>新闻作者:</td> <td><input type="text" name="newsAuthor" id="newsAuthor" class="easyui-validatebox" required="true" size="60"/></td> <td></td> <td>新闻时间:</td> <td><input class="easyui-datebox" name="newsTime" id="newsTime" required="true" editable="false" size="60" /></td> </tr> <tr> <td>新闻内容:</td> <td colspan="4"><textarea class="ckeditor" rows="7" cols="50" name="newsContent" id="newsContent"></textarea></td> <td></td> </tr> </table> </form> </div> <div id="dlg-buttons"> <a href="javascript:saveNews()" class="easyui-linkbutton" iconCls="icon-ok">保存</a> <a href="javascript:closeNewsDialog()" class="easyui-linkbutton" iconCls="icon-cancel">关闭</a> </div> </body> </html> ``` 我要用ckeditor对数据库里的内容进行编辑!求各位大神给方法 或者思路,我用的是jsp+servlet
Jquery EasyUi 的一个问题
小弟最近在学习Jquery EasyUi,目前发现一个问题,不知道如果解决。 目前有两个页面,a.jsp 和 b.jsp 。其中a.jsp中只有一个下拉菜单,用浏览器单独访问a.jsp的时候,是可以正常显示的,请看a.jsp的部分代码: [code="java"] <script type="text/javascript"> jQuery(function($){ $('#cc').combogrid({ panelWidth:450, value:'006', idField:'code', textField:'name', url:'datagrid_data.json', columns:[[ {field:'code',title:'Code',width:60}, {field:'name',title:'Name',width:100}, {field:'addr',title:'Address',width:120}, {field:'col4',title:'Col41',width:100} ]] }); }); </script> <body> 下拉菜单:<select id="cc" name="dept" style="width:450px;"></select> </body> [/code]。 b.jsp中有一个window,window的href为a.jsp,在b.jsp中不能够正常显示a.jsp的下拉菜单,请看b.jsp中的部分代码: [code="java"] <script type="text/javascript"> $(function(){ $('#win').window({ width:600, height:400, href:'a.jsp' }) }); </script> <body> <div id="win" iconCls="icon-save" title="My Window"> Window Content </div> </body> [/code] 小弟查询之后,发现是b.jsp的window在显示a.jsp时,a.jsp中页面加载的时候调用的初始化语句块没有调用成功,具体的没有调用的a.jsp的代码为[code="java"] jQuery(function($){ ........ }) [/code] 不知道为什么会出现这种问题,难道一个页面被另一个页面用href引用之后就不能调用自身的初始化语句块了吗?
easyui datagrid中combobox使用url传值时只能显示value
$('#tt').datagrid({ title : 'Editable DataGrid', iconCls : 'icon-edit', width : 660, height : 250, singleSelect : true, idField : 'firstname', url : '../easyuitest/testjson/datagridtest.json', columns : [ [ { field : 'firstname', title : 'First Name', width : 60 }, { field : 'age', title : 'Age', width : 60 }, { field : 'mytest', title : 'My Test', width : 100, formatter : function(value, row, index) { //return row['text']; if (value == 0) { return ""; } for (var i = 0; i < jsondata.length; i++) { if (jsondata[i].id == value) { return jsondata[i].text; } } return value; }, editor : { type : 'combobox', options : { valueField : 'id', textField : 'text', //url : '../easyuitest/testjson/comboboxtest1.json',使用url取数据只会显示value值,无法显示text值。而直接使用json则可以 data : jsondata, required : true, } } }]] ``` ```
大学四年自学走来,这些私藏的实用工具/学习网站我贡献出来了
大学四年,看课本是不可能一直看课本的了,对于学习,特别是自学,善于搜索网上的一些资源来辅助,还是非常有必要的,下面我就把这几年私藏的各种资源,网站贡献出来给你们。主要有:电子书搜索、实用工具、在线视频学习网站、非视频学习网站、软件下载、面试/求职必备网站。 注意:文中提到的所有资源,文末我都给你整理好了,你们只管拿去,如果觉得不错,转发、分享就是最大的支持了。 一、电子书搜索 对于大部分程序员...
在中国程序员是青春饭吗?
今年,我也32了 ,为了不给大家误导,咨询了猎头、圈内好友,以及年过35岁的几位老程序员……舍了老脸去揭人家伤疤……希望能给大家以帮助,记得帮我点赞哦。 目录: 你以为的人生 一次又一次的伤害 猎头界的真相 如何应对互联网行业的「中年危机」 一、你以为的人生 刚入行时,拿着傲人的工资,想着好好干,以为我们的人生是这样的: 等真到了那一天,你会发现,你的人生很可能是这样的: ...
《MySQL 性能优化》之理解 MySQL 体系结构
本文介绍 MySQL 的体系结构,包括物理结构、逻辑结构以及插件式存储引擎。
python自动下载图片
近日闲来无事,总有一种无形的力量萦绕在朕身边,让朕精神涣散,昏昏欲睡。 可是,像朕这么有职业操守的社畜怎么能在上班期间睡瞌睡呢,我不禁陷入了沉思。。。。 突然旁边的IOS同事问:‘嘿,兄弟,我发现一个网站的图片很有意思啊,能不能帮我保存下来提升我的开发灵感?’ 作为一个坚强的社畜怎么能说自己不行呢,当时朕就不假思索的答应:‘oh, It’s simple. Wait for me for a ...
一名大专同学的四个问题
【前言】   收到一封来信,赶上各种事情拖了几日,利用今天要放下工作的时机,做个回复。   2020年到了,就以这一封信,作为开年标志吧。 【正文】   您好,我是一名现在有很多困惑的大二学生。有一些问题想要向您请教。   先说一下我的基本情况,高考失利,不想复读,来到广州一所大专读计算机应用技术专业。学校是偏艺术类的,计算机专业没有实验室更不用说工作室了。而且学校的学风也不好。但我很想在计算机领...
复习一周,京东+百度一面,不小心都拿了Offer
京东和百度一面都问了啥,面试官百般刁难,可惜我全会。
达摩院十大科技趋势发布:2020 非同小可!
【CSDN编者按】1月2日,阿里巴巴发布《达摩院2020十大科技趋势》,十大科技趋势分别是:人工智能从感知智能向认知智能演进;计算存储一体化突破AI算力瓶颈;工业互联网的超融合;机器间大规模协作成为可能;模块化降低芯片设计门槛;规模化生产级区块链应用将走入大众;量子计算进入攻坚期;新材料推动半导体器件革新;保护数据隐私的AI技术将加速落地;云成为IT技术创新的中心 。 新的画卷,正在徐徐展开。...
轻松搭建基于 SpringBoot + Vue 的 Web 商城应用
首先介绍下在本文出现的几个比较重要的概念: 函数计算(Function Compute): 函数计算是一个事件驱动的服务,通过函数计算,用户无需管理服务器等运行情况,只需编写代码并上传。函数计算准备计算资源,并以弹性伸缩的方式运行用户代码,而用户只需根据实际代码运行所消耗的资源进行付费。Fun: Fun 是一个用于支持 Serverless 应用部署的工具,能帮助您便捷地管理函数计算、API ...
Python+OpenCV实时图像处理
目录 1、导入库文件 2、设计GUI 3、调用摄像头 4、实时图像处理 4.1、阈值二值化 4.2、边缘检测 4.3、轮廓检测 4.4、高斯滤波 4.5、色彩转换 4.6、调节对比度 5、退出系统 初学OpenCV图像处理的小伙伴肯定对什么高斯函数、滤波处理、阈值二值化等特性非常头疼,这里给各位分享一个小项目,可通过摄像头实时动态查看各类图像处理的特点,也可对各位调参、测试...
2020年一线城市程序员工资大调查
人才需求 一线城市共发布岗位38115个,招聘120827人。 其中 beijing 22805 guangzhou 25081 shanghai 39614 shenzhen 33327 工资分布 2020年中国一线城市程序员的平均工资为16285元,工资中位数为14583元,其中95%的人的工资位于5000到20000元之间。 和往年数据比较: yea...
为什么猝死的都是程序员,基本上不见产品经理猝死呢?
相信大家时不时听到程序员猝死的消息,但是基本上听不到产品经理猝死的消息,这是为什么呢? 我们先百度搜一下:程序员猝死,出现将近700多万条搜索结果: 搜索一下:产品经理猝死,只有400万条的搜索结果,从搜索结果数量上来看,程序员猝死的搜索结果就比产品经理猝死的搜索结果高了一倍,而且从下图可以看到,首页里面的五条搜索结果,其实只有两条才是符合条件。 所以程序员猝死的概率真的比产品经理大,并不是错...
害怕面试被问HashMap?这一篇就搞定了!
声明:本文以jdk1.8为主! 搞定HashMap 作为一个Java从业者,面试的时候肯定会被问到过HashMap,因为对于HashMap来说,可以说是Java集合中的精髓了,如果你觉得自己对它掌握的还不够好,我想今天这篇文章会非常适合你,至少,看了今天这篇文章,以后不怕面试被问HashMap了 其实在我学习HashMap的过程中,我个人觉得HashMap还是挺复杂的,如果真的想把它搞得明明白...
毕业5年,我问遍了身边的大佬,总结了他们的学习方法
我问了身边10个大佬,总结了他们的学习方法,原来成功都是有迹可循的。
python爬取百部电影数据,我分析出了一个残酷的真相
2019年就这么匆匆过去了,就在前几天国家电影局发布了2019年中国电影市场数据,数据显示去年总票房为642.66亿元,同比增长5.4%;国产电影总票房411.75亿元,同比增长8.65%,市场占比 64.07%;城市院线观影人次17.27亿,同比增长0.64%。 看上去似乎是一片大好对不对?不过作为一名严谨求实的数据分析师,我从官方数据中看出了一点端倪:国产票房增幅都已经高达8.65%了,为什...
推荐10个堪称神器的学习网站
每天都会收到很多读者的私信,问我:“二哥,有什么推荐的学习网站吗?最近很浮躁,手头的一些网站都看烦了,想看看二哥这里有什么新鲜货。” 今天一早做了个恶梦,梦到被老板辞退了。虽然说在我们公司,只有我辞退老板的份,没有老板辞退我这一说,但是还是被吓得 4 点多都起来了。(主要是因为我掌握着公司所有的核心源码,哈哈哈) 既然 4 点多起来,就得好好利用起来。于是我就挑选了 10 个堪称神器的学习网站,推...
这些软件太强了,Windows必装!尤其程序员!
Windows可谓是大多数人的生产力工具,集娱乐办公于一体,虽然在程序员这个群体中都说苹果是信仰,但是大部分不都是从Windows过来的,而且现在依然有很多的程序员用Windows。 所以,今天我就把我私藏的Windows必装的软件分享给大家,如果有一个你没有用过甚至没有听过,那你就赚了????,这可都是提升你幸福感的高效率生产力工具哦! 走起!???? NO、1 ScreenToGif 屏幕,摄像头和白板...
阿里面试,面试官没想到一个ArrayList,我都能跟他扯半小时
我是真的没想到,面试官会这样问我ArrayList。
曾经优秀的人,怎么就突然不优秀了。
职场上有很多辛酸事,很多合伙人出局的故事,很多技术骨干被裁员的故事。说来模板都类似,曾经是名校毕业,曾经是优秀员工,曾经被领导表扬,曾经业绩突出,然而突然有一天,因为种种原因,被裁员了,...
大学四年因为知道了这32个网站,我成了别人眼中的大神!
依稀记得,毕业那天,我们导员发给我毕业证的时候对我说“你可是咱们系的风云人物啊”,哎呀,别提当时多开心啦????,嗯,我们导员是所有导员中最帅的一个,真的???? 不过,导员说的是实话,很多人都叫我大神的,为啥,因为我知道这32个网站啊,你说强不强????,这次是绝对的干货,看好啦,走起来! PS:每个网站都是学计算机混互联网必须知道的,真的牛杯,我就不过多介绍了,大家自行探索,觉得没用的,尽管留言吐槽吧???? 社...
良心推荐,我珍藏的一些Chrome插件
上次搬家的时候,发了一个朋友圈,附带的照片中不小心暴露了自己的 Chrome 浏览器插件之多,于是就有小伙伴评论说分享一下我觉得还不错的浏览器插件。 我下面就把我日常工作和学习中经常用到的一些 Chrome 浏览器插件分享给大家,随便一个都能提高你的“生活品质”和工作效率。 Markdown Here Markdown Here 可以让你更愉快的写邮件,由于支持 Markdown 直接转电子邮...
看完这篇HTTP,跟面试官扯皮就没问题了
我是一名程序员,我的主要编程语言是 Java,我更是一名 Web 开发人员,所以我必须要了解 HTTP,所以本篇文章就来带你从 HTTP 入门到进阶,看完让你有一种恍然大悟、醍醐灌顶的感觉。 最初在有网络之前,我们的电脑都是单机的,单机系统是孤立的,我还记得 05 年前那会儿家里有个电脑,想打电脑游戏还得两个人在一个电脑上玩儿,及其不方便。我就想为什么家里人不让上网,我的同学 xxx 家里有网,每...
史上最全的IDEA快捷键总结
现在Idea成了主流开发工具,这篇博客对其使用的快捷键做了总结,希望对大家的开发工作有所帮助。
C++(数据结构与算法):62---搜索树(二叉搜索树、索引二叉搜索树)
一、搜索树的复杂度分析 本文考察二叉搜索树和索引二叉搜索树 二叉搜索树的渐进性能可以和跳表媲美: 查找、插入、删除操作所需的平均时间为Θ(logn) 查找、插入、删除操作的最坏情况的时间为Θ(n) 元素按升序输出时所需时间为Θ(n) 虽然在最坏情况下的查找、插入、删除操作,散列表和二叉搜索树的时间性能相同,但是散列表在最好的情况下具有超级性能Θ(1) 不过,对于一个指定的关键...
阿里程序员写了一个新手都写不出的低级bug,被骂惨了。
这种新手都不会范的错,居然被一个工作好几年的小伙子写出来,差点被当场开除了。
谁是华为扫地僧?
是的,华为也有扫地僧!2020年2月11-12日,“养在深闺人不知”的华为2012实验室扫地僧们,将在华为开发者大会2020(Cloud)上,和大家见面。到时,你可以和扫地僧们,吃一个洋...
AI 没让人类失业,搞 AI 的人先失业了
最近和几个 AI 领域的大佬闲聊 根据他们讲的消息和段子 改编出下面这个故事 如有雷同 都是巧合 1. 老王创业失败,被限制高消费 “这里写我跑路的消息实在太夸张了。” 王葱葱哼笑一下,把消息分享给群里。 阿杰也看了消息,笑了笑。在座几位也都笑了。 王葱葱是个有名的人物,21岁那年以全额奖学金进入 KMU 攻读人工智能博士,累计发表论文 40 余篇,个人技术博客更是成为深度学习领域内风向标。 ...
2020年,冯唐49岁:我给20、30岁IT职场年轻人的建议
点击“技术领导力”关注∆每天早上8:30推送 作者|Mr.K 编辑| Emma 来源|技术领导力(ID:jishulingdaoli) 前天的推文《冯唐:职场人35岁以后,方法论比经验重要》,收到了不少读者的反馈,觉得挺受启发。其实,冯唐写了不少关于职场方面的文章,都挺不错的。可惜大家只记住了“春风十里不如你”、“如何避免成为油腻腻的中年人”等不那么正经的文章。 本文整理了冯...
最全最强!世界大学计算机专业排名总结!
我正在参与CSDN200进20,希望得到您的支持,扫码续投票5次。感谢您! (为表示感谢,您投票后私信我,我把我总结的人工智能手推笔记和思维导图发送给您,感谢!) 目录 泰晤士高等教育世界大学排名 QS 世界大学排名 US News 世界大学排名 世界大学学术排名(Academic Ranking of World Universities) 泰晤士高等教育世界大学排名 中国共...
作为一名大学生,如何在B站上快乐的学习?
B站是个宝,谁用谁知道???? 作为一名大学生,你必须掌握的一项能力就是自学能力,很多看起来很牛X的人,你可以了解下,人家私底下一定是花大量的时间自学的,你可能会说,我也想学习啊,可是嘞,该学习啥嘞,不怕告诉你,互联网时代,最不缺的就是学习资源,最宝贵的是啥? 你可能会说是时间,不,不是时间,而是你的注意力,懂了吧! 那么,你说学习资源多,我咋不知道,那今天我就告诉你一个你必须知道的学习的地方,人称...
那些年,我们信了课本里的那些鬼话
教材永远都是有错误的,从小学到大学,我们不断的学习了很多错误知识。 斑羚飞渡 在我们学习的很多小学课文里,有很多是错误文章,或者说是假课文。像《斑羚飞渡》: 随着镰刀头羊的那声吼叫,整个斑羚群迅速分成两拨,老年斑羚为一拨,年轻斑羚为一拨。 就在这时,我看见,从那拨老斑羚里走出一只公斑羚来。公斑羚朝那拨年轻斑羚示意性地咩了一声,一只半大的斑羚应声走了出来。一老一少走到伤心崖,后退了几步,突...
立即提问