jQuery EasyUI,Combo(自定义下拉框)组件

学习要点:

  1.加载方式

  2.属性列表

  3.事件列表

  4.方法列表

本节课重点了解 EasyUI 中 Combo(自定义下拉框)组件的使用方法,这个组件依赖于 ValidateBox(验证框)组件

一.加载方式

自定义下拉框不能通过标签的方式进行创建。

<input id="box">

JS 加载调用

combo()将元素执行自定义下拉框方法

$(function () {
$('#box').combo({
required: true,
multiple: true,
});
});

如果要实现自定义下来选择(图片、文本、按钮均可),需要配合一些代码。

列:

html

<!--下拉组件框-->
<input id="box">
<!--下拉区块-->
<div id="food">
<div style="color:#99BBE8;background:#fafafa;padding:5px;">
请选择一个食物
</div>
<div style="padding:10px">
<input type="radio" name="food" value="01"><span>煎饼果子</span><br/>
<input type="radio" name="food" value="02"><span>牛腩米线</span><br/>
<input type="radio" name="food" value="03"><span>水果沙拉</span><br/>
<input type="radio" name="food" value="04"><span>蛋黄派</span><br/>
<input type="radio" name="food" value="05"><span>其他</span>
</div>
</div>

js

$(function () {
$('#box').combo({
required: true, //不能为空
multiple: false //是否支持多选
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
//将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel');
})
});

二.属性列表

Combo 属性,扩展自 ValidateBox (验证框)属性,所以验证方面的参照ValidateBox (验证框)章节即可

width   number 组件的宽度。默认值 auto。

$(function () {
$('#box').combo({
width:,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

height   number 组件的高度。默认值22。

$(function () {
$('#box').combo({
width:400,
height:
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

panelWidth   number 下拉面板宽度。默认值 null。

$(function () {
$('#box').combo({
width:400,
height:30,
panelWidth:,
panelHeight:100
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

panelHeight   number 下拉面板高度。默认值200。

$(function () {
$('#box').combo({
width:400,
height:30,
panelWidth:300,
panelHeight:
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

multiple   boolean 定义是否支持多选。默认值 false。,没什么用

selectOnNavigation   boolean 定义是否允许使用键盘导航来选择项目。默认值 true。没什么用

separator   string 在多选的时候使用何种分隔符进行分割。默认值’,’。没什么用

editable   boolean 定义用户是否可以直接输入文本到字段中。默认值 true。

$(function () {
$('#box').combo({
width:400,
height:30,
editable:false //定义用户是否可以直接输入文本到字段中。默认值 true。
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

disabled   boolean 设置启用/禁用字段。默认值 false。

$(function () {
$('#box').combo({
width:400,
height:30,
disabled:true //设置启用/禁用字段。默认值 false。
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

readonly   boolean 设置该字段为读写/只读模式。默认值false。

$(function () {
$('#box').combo({
width:400,
height:30,
readonly:false //设置该字段为读写/只读模式。默认值false。
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

hasDownArrow   boolean 定义是否显示向下箭头按钮。默认值true。

$(function () {
$('#box').combo({
width:400,
height:30,
hasDownArrow:false //定义是否显示向下箭头按钮。默认值true。
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

value   string 字段的默认值。

$(function () {
$('#box').combo({
width:400,
height:30,
value:2 //字段的默认值。
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

delay   number最后一次输入事件与执行搜索之间的延迟间隔(执行自动完成功能的延迟间隔)默认值200。可以输入的时候输入后多少时间自动下拉

$(function () {
$('#box').combo({
width:400,
height:30,
delay:2000 //可以输入的时候输入后多少时间自动下拉
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

keyHandler   object 在用户按下键的时候调用一个函数。后面会讲到

PS:这里有些属性无法在单独组件使用中体现它的效果,需要配合整个表单或服务器 支持。在后面的课程中设计到综合使用的时候再去了解。

三.事件列表

onShowPanel   none 当下拉面板显示的时候触发。

$(function () {
$('#box').combo({
width:400,
height:30,
onShowPanel:function () {
alert('当下拉面板显示的时候触发');
}
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

onHidePanel   none 当下拉面板隐藏的时候触发。

$(function () {
$('#box').combo({
width:400,
height:30,
onHidePanel:function () {
alert('当下拉面板隐藏的时候触发');
}
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

onChange   newValue, oldValue 当字段值改变的时候触发。

$(function () {
$('#box').combo({
width:400,
height:30,
onChange:function (newValue, oldValue) {
alert('当字段值改变的时候触发');
//newValue接收当前改变的值,oldValue改变前的值
alert(newValue + '|' + oldValue);
}
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
})
});

四.方法列表

options   none 返回属性对象。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
alert($('#box').combo('options')); //返回属性对象
});

panel   none 返回下拉面板对象。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
alert($('#box').combo('panel')); //返回下拉面板对象
});

textbox   none 返回文本框对象。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
alert($('#box').combo('textbox')); //返回文本框对象
});

destroy   none 销毁该组件。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$('#box').combo('destroy'); //销毁该组件
});

resize   width 调整组件宽度。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$('#box').combo('resize','100'); //调整组件宽度
});

showPanel   none 显示下拉面板。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$('#box').combo('showPanel'); //显示下拉面板
});

hidePanel   none 隐藏下拉面板。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$('#box').combo('hidePanel'); //隐藏下拉面板
});

disable   none 禁用组件。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$('#box').combo('disable'); //禁用组件
});

enable   none 启用组件。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$('#box').combo('enable'); //启用组件
});

readonly   mode 启用/禁用只读模式。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$('#box').combo('readonly',true); //启用/禁用只读模式。
});

validate   none 验证输入的值是否有效。返回验证结果对象

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).click(function () {
alert($('#box').combo('validate'));
});
});

isValid   none 返回验证结果。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).click(function () {
alert($('#box').combo('isValid'));
});
});

clear   none 清除控件的值。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).click(function () {
$('#box').combo('clear');
});
});

reset   none 重置控件的值。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).dblclick(function () {
$('#box').combo('reset');
});
});

getText   none 获取输入的文本。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).dblclick(function () {
alert($('#box').combo('getText'));
});
});

setText   text 设置输入的文本。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
});

getValues   none 获取组件值的数组。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).dblclick(function () {
alert($('#box').combo('getValues'));
});
});

setValues   values 设置组件值的数组。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).dblclick(function () {
alert($('#box').combo('setValues',[52]));
});
});

getValue   none 获取组件的值。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
$(document).dblclick(function () {
alert($('#box').combo('getValue'));
});
});

setValue   value 设置组件的值。

$(function () {
$('#box').combo({
width:400,
height:30
});
$('#food').appendTo($('#box').combo('panel')); //将下拉区块添加到下拉框里
$('#food input').click(function () {
var v = $(this).val(); //获取到选择的value值
var s = $(this).next('span').text(); //获取span里的内容
$('#box').combo('setValue', v).combo('setText', s).combo('hidePanel'); //将value值添加到组件value里,将span里的内容添加是组件输入框,最后关闭下拉面板
});
});

我们可以使用$.fn.combo.defaults 重写默认值对象。见前面

第二百一十二节,jQuery EasyUI,Combo(自定义下拉框)组件的更多相关文章

  1. Combo( 自定义下拉框) 组件

    本节课重点了解 EasyUI 中 Combo(自定义下拉框)组件的使用方法,这个组件依赖于ValidateBox(验证框)组件 一. 加载方式自定义下拉框不能通过标签的方式进行创建.<input ...

  2. vue自定义下拉框组件

    创建下拉框组件 Select.vue <template> <div class="selects"> <div :class="{sele ...

  3. jquery easyui无法绑定下拉框内容

    最近在研究jquery easyui的DataGrid,发现DataGrid中的下拉框无法绑定值,找了很久也没发现是具体问题所在,最后还是同事帮忙搞定的.具体问题竟然是jquery easyui提供的 ...

  4. easyui中自定义下拉框的使用

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  5. 第二百二十四节,jQuery EasyUI,ComboGrid(数据表格下拉框)组件

    jQuery EasyUI,ComboGrid(数据表格下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 ComboGrid(数据表格下拉框)组件的 ...

  6. 第二百二十七节,jQuery EasyUI,ComboTree(树型下拉框)组件

    jQuery EasyUI,ComboTree(树型下拉框)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解EasyUI中ComboTree(树型下拉框)组件的使用方法,这个 ...

  7. ComboTree( 树型下拉框) 组件

    本节课重点了解EasyUI中Tree(树)组件的使用方法, 这个组件依赖于Combo(下拉框)和 Tree(树)组件.一. 加载方式//class 加载方式<select id="cc ...

  8. easyui源码翻译1.32--Combo(自定义下拉框)

    前言 扩展自$.fn.validatebox.defaults.使用$.fn.combo.defaults重写默认值对象.下载该插件翻译源码 自定义下拉框显示一个可编辑的文本框和下拉面板在html页面 ...

  9. jquery美化select,自定义下拉框样式

    select默认的样式比较丑,有些应用需要美化select,在网上找到一个很好的美化样式效果,本人很喜欢,在这里分享一下. <!DOCTYPE html PUBLIC "-//W3C/ ...

随机推荐

  1. 绘制函数 y=x^2-2x-3/2x^2+2x+1 的曲线

    代码: <!DOCTYPE html> <html lang="utf-8"> <meta http-equiv="Content-Type ...

  2. docker集群——K8s简介

    Kubernetes是谷歌开源的容器集群管理系统,是Google多年大规模容器管理技术Borg的开源版本,主要功能包括: 基本容器的应用部署.维护和滚动升级: 负载均衡和服务发现: 跨机器和跨地区的集 ...

  3. MYSQL 问题

    MYSQL 问题 (1)mysql server has gone away 导数据时,如果脚本太大,会执行中断,这时需要修改最大允许包的大小: set global max_allowed_pack ...

  4. Hibernate关系映射(一) 基于外键的单向一对一

    模拟用户和地址的映射关系,一个用户只有一个地址,用户知道地址,但是地址不知道用户.用户对地址的单向一对一映射. 一.建立实体类 Account.cs类 package com.lxit.entity; ...

  5. Android 内存泄漏分析利器——leakcanary

    LeakCanary Android 和 Java 内存泄露检测. “A small leak will sink a great ship.” - Benjamin Franklin 千里之堤, 毁 ...

  6. iOS 调用音乐播放以及视频播放器

    音乐播放 NSString *path = [[NSBundle mainBundle] pathForResource:@"预谋" ofType:@"mp3" ...

  7. ITFriend创业阶段的server环境搭建手冊

    创业阶段,进一步实践了Linux环境搭建和维护,以下是一些经常使用软件的搭建步骤和參考资料,仅供自己和诸位參考. 我个人还是比較倾向"一站式Web开发"的.自己想做点事.须要太多的 ...

  8. 一直加载“fonts.googleapis.com”的解决办法

    原文:http://www.tuicool.com/articles/6bayeq 最近国内对google又开始了新一轮的屏蔽,很多wordpress用户发现一个现象,那就是网站前台和后台打开都非常慢 ...

  9. (十)Unity5.0新特性------新UI系统实战

    原文 Unity New GUI Tutorial – Part 1 Unity New GUI Tutorial- Part 2 Unity New GUI Tutorial – Part 3 大家 ...

  10. php json_decode失败,返回null

    在使用json_decode之前,一定得保证字符串是utf-8编码,而执行json_decode失败的原因有很多,罗列如下: 1)编码不对: 2)字符串格式不对: 3)字符串格式对,但是有异常字符: ...