wanggeying
- 浏览: 66556 次
- 性别:
- 来自: 济南
-
最新评论
文章列表
伪代码如下：
{
field: 'operate',
title: '操作',
width: '150px',
align:"center",
formatter: operateFormatter
},
function operateFormatter(value, row, index) {
var id=row.id;
return [
'<button id="btn_detail" type=&q ...
伪代码如下：
{
field: 'operate',
title: '操作',
width: '150px',
align:"center",
events: operateEvents,
formatter: operateFormatter
},
window.operateEvents= {
'click .RoleOfA': function(e, value, row, index) {
$('#detai ...
显示窗口
$('#detailModal').modal('show');
隐藏窗口
$('#detailModal').modal('hide');
js
[align=left] $('#cjjlTable').bootstrapTable({
method: 'get',
cache: false,
striped: true,
pagination: true,
pageSize: 10,
pageNumber:1,
pageList: [10, 20, 50, 100, 200, 500], sidePagination:'client',
idField: "id",
...
图片上传功能，前后端完整示例
- 博客分类：
- file
表结构字段类型：
SCZP BLOB
实体类对象：
private byte[] sczp;
图片上传功能实现，伪代码如下：
jsp
<input type="file" id="u_browsefile" >
<div class="images_show" id="u_images_show">
上传图片预览区
图片仅限JPG、PNG格式
文件尺寸：532×400px
文件大小：200K以内
</div>
js
...
如何找到packeage explorer
- 博客分类：
- tools
eclipse工具： Window->Show View->Other->Java->Package Explorer
完整代码示例如下：
------------------js
//获取当前路径
var projectpath=window.document.location.href.substring(0,window.document.location.href.indexOf(window.document.location.pathname))+window.document.location.pathname.substring(0,window.document.location.pathname.substr(1).indexO ...
注意：position: absolute;的使用。
伪代码如下
<div id="reportTableDiv" >
<div style="float:left;position: absolute;top: 130px; margin-left: 1%;">
<button type="button" class="btn btn-primary" onclick="deleteRow();">删除
...
表单的不同取值方式：
var postData = $("#addform").serialize();
var postData = $('#addform').serializeArray();
js取值失败 或者 赋值失败 总结
- 博客分类：
- JS
界面信息获取时，若出现js取不到值的现象 或者 赋值失败的现象， 需要检查界面是否有重复元素导致的。
PS:
好习惯养成，添加界面元素最好用c_开头标注。修改界面元素最好用u_开头标注
简单示例：
<hr style="background-color: #dedee2;height: 1px;border: none;">
css样式：
background-color:blue;height:1px;border:none;
简单示例,如下：
jsp:
<select type="select" id="year" name="year" class="form-control" style="float: left;width: 150px;">
<option value="2018">2018年</option>
</select>
js:
var year=$("#year").val();
con ...
float:left //浮动方向设置，很好使
注：字体想排版的话，给自己添加个label，然后加样式。
伪代码如下：
<label style="float:left">下拉列表框</label>
<select class="form-control" style="float: left;width: 150px;">
</select>
-记录点滴，记录给未来的0格式。便于及时拾起，能快速做东西。
echarts生成图片另存到服务器上
- 博客分类：
- echart
整体思路：
1、前端：把echart的base64传递到后端
2、后端：在后台进行base64解码，生成指定路径下的图片
前端，伪代码：
....
myCharts1.setOption(option1);
setTimeout(exportImage, 2000);//切记：一定设置这个延迟，否则生成的图片是黑色的。
function exportImage(){
var picBase64Info = myCharts1.getDataURL();//获取图片的base64传递后台，生成图片，供导出报表使用
var data = "a="+en ...
伪代码如下：
<body>
<div id="pic" style="width:300px;height:150px;"></div>
</doby>
<script>
var myCharts1 = echarts.init(document.getElementById('pic'));//制作容器
var option1 = {
tooltip : {
trigg ...