@font-face {
fontFamily:"Verdana";
src: url("fonts/verdana.TTF"); /* Embed from file */
}
使用微软雅黑，替换代码为如下。
@font-face {
fontFamily:"WRYH";
src: url("fonts/msyh.ttf"); /* Embed from file */
}
在替换皮肤以后，发现确实好看了很多，但是这套皮肤并不是为我们程序专门设计的，所以他在很多地方的显示是不尽人意的。这个时候就需要我们去改写。

问题一：面板标题栏文字太大。

步骤2：添加一个DataGrid，用来显示所选择的菜单。










步骤3：添加测试数据。


红烧排骨
1

15.8

白米饭
2

1.0

设置DataGrid的数据源。

步骤4：添加订餐表单。
















二、在首页面板上显示菜单列表。
步骤1：创建一个TileList（平铺列表）。

步骤2：添加测试数据。





















步骤3：添加图片信息。

[Bindable]
[Embed(source="submenu/20090912172231.jpg")]
public var submenu1:Class;
[Bindable]
[Embed(source="submenu/20090912171819.jpg")]
public var submenu2:Class;
[Bindable]
[Embed(source="submenu/20090912172407.jpg")]
public var submenu3:Class;
]]>

将图片设置到TileList中。

]]> http://column.ibeifeng.com/ibeifeng/20100619391.shtml/feed http://column.ibeifeng.com/ibeifeng/20100618387.shtml http://column.ibeifeng.com/ibeifeng/20100618387.shtml#comments Fri, 18 Jun 2010 15:55:17 +0000 北风 http://column.ibeifeng.com/?p=387 原理很简单，IE下可以通过document.selection.createRange();来实现，而Firefox（火狐）浏览器则需要首先获取光标位置，然后对value进行字符串截取处理。不多说了~直接上我写的一个jQuery在光标位置插入内容插件吧~

Query在光标位置插入内容插件代码

(function($){
$.fn.extend({
insertAtCaret: function(myValue){
var $t=$(this)[0];
if (document.selection) {
this.focus();
sel = document.selection.createRange();
sel.text = myValue;
this.focus();
}
else
if ($t.selectionStart || $t.selectionStart == ‘0′) {
var startPos = $t.selectionStart;
var endPos = $t.selectionEnd;
var scrollTop = $t.scrollTop;
$t.value = $t.value.substring(0, startPos) + myValue + $t.value.substring(endPos, $t.value.length);
this.focus();
$t.selectionStart = startPos + myValue.length;
$t.selectionEnd = startPos + myValue.length;
$t.scrollTop = scrollTop;
}
else {
this.value += myValue;
this.focus();
}
}
})
})(jQuery);
用方法
$(selector).insertAtCaret(”value”);

]]> http://column.ibeifeng.com/ibeifeng/20100618387.shtml/feed http://column.ibeifeng.com/ibeifeng/20100618385.shtml http://column.ibeifeng.com/ibeifeng/20100618385.shtml#comments Fri, 18 Jun 2010 15:54:04 +0000 北风 http://column.ibeifeng.com/?p=385 对于页面来说，JQuery中的Dialog从效果上来说还可以，而且使用简单，只要短短几行绑定的代码就可以实现弹出效果。

代码
$(’#dialog’).dialog({
autoOpen: false,
width: 600,
buttons: {
“Ok”: function() {
$(this).dialog(”close”);
},
“Cancel”: function() {
$(this).dialog(”close”);
}
}
});
在一些JS交互性不多的一般页面来说，没有任何问题！但是对于交互性强的，需要动态加载与释放DOM的页面来说，它就是一个悲剧的东西！为什么这样说？大家看下下面的例子：

　　一段简单的代码，一个DIV是通过动态加载到页面上，然后对该DIV用Dialog进行绑定，以达到弹出的目的！下面的test元素就是

。

代码
function TestAppend() {

$(”#test”).append(’

‘ +
‘上传‘ +
‘取消上传

‘);

$(’#dialog’).dialog({
autoOpen: false,
width: 600,
buttons: {
“Ok”: function() {
$(this).dialog(”close”);
},
“Cancel”: function() {
$(this).dialog(”close”);
}
}
});

return false;
}
　　接着，我需要删除该DOM元素，一般来说，正常的做法都是$(”#test”).empty();这行简单的代码就完成了！这样有效吗？！当执行完这样代码后，你再用$(’#dialog’)来获取dialog元素，郁闷的事情发生了，既然获取到了！为什么！不是已经empty了吗！

　　下面我们来看下这一悲剧是如何造成的，

　　我们把注意点放到$(’#dialog’).dialog上面，然后看看JQuery的实现代码是如何写的，当我们跟踪代码到dialog类中的_create方法的时候，问题的原因找到了，看下面这段代码：

_create
uiDialog = (self.uiDialog = $(’

‘))
.appendTo(document.body)
.hide()
.addClass(uiDialogClasses + options.dialogClass)
.css({
zIndex: options.zIndex
})
// setting tabIndex makes the div focusable
// setting outline to 0 prevents a border on focus in Mozilla
.attr(’tabIndex’, -1).css(’outline’, 0).keydown(function(event) {
if (options.closeOnEscape && event.keyCode &&
event.keyCode === $.ui.keyCode.ESCAPE) {

self.close(event);
event.preventDefault();
}
})
.attr({
role: ‘dialog’,
‘aria-labelledby’: titleId
})
.mousedown(function(event) {
self.moveToTop(false, event);
}),

　　它既然也动态创建一个div，而且把该div加到了Body上面，然后把dialog中的元素从

中移除，加入到该新的div中…..

　　这就是为什么我们$(”#test”).empty()后，却对内部的dialog没有起作用了！而且这有一个最不好的一个地方，也是最容易出现内存泄露的地方：它动态的在Body中创建了一个div，这样如果窗体不关闭的话，而你又在不察觉的情况下不断的使用上面的TestAppend方法来动态加载DOM，就会创建N个这样的div！

　　其实这个问题郁闷的地方不是在如何解决，而且隐藏的很深，很难发现！那么发现之后解决起来就变的简单多了：

if ($(’#dialog’)[0]) {
$(’#dialog’).parent().empty();
$(’#dialog’).parent().remove();
}

当前加上这段后代码后，再做$(”#dialog”)来测试下，期望的结果终于出现了！dialog元素消失了！

]]> http://column.ibeifeng.com/ibeifeng/20100618385.shtml/feed http://column.ibeifeng.com/ibeifeng/20100618383.shtml http://column.ibeifeng.com/ibeifeng/20100618383.shtml#comments Fri, 18 Jun 2010 15:52:50 +0000 北风 http://column.ibeifeng.com/?p=383 项目地址： http://code.google.com/p/nutla/

1、概述
只为lucene提供分布式搜索框架。理论上可对千G以上索引文件支持数千万级的用户搜索访问。
之所以讲理论上是因为作者一直没有这样规模的实践机会。
Nut开发环境为：jdk1.6.0.20+lucene3.0.1+eclipse3.5.2+windows7

2、特新
a、热插拔
b、可扩展
c、高负载
d、易使用
e、支持排序

3、设计
Nut由Client、Server、Cache和DB四部分构成。
Client处理用户请求和对搜索结果排序。Server对请求进行搜索，Server上只放索引，数据存储在DB中，Nut将索引和存储分离。Cache缓存的是搜索条件和结果文档id。DB存储着数据，Client根据搜索排序结果,取出当前页中的文档id从DB上读取数据。

用户发起搜索请求给由Nut Client构成的集群，由某个Nut Client根据搜索条件查询Cache服务器是否有该缓存，如果有缓存根据缓存的文档id直接从DB读取数据，如果没有缓存将查询条件同时发给后面的n台搜索服务器，搜索服务器将搜索结果返回给Nut Client由其排序，取出当前页文档id，将搜索条件和当前文档id缓存，同时从DB读取数据。

]]> http://column.ibeifeng.com/ibeifeng/20100618383.shtml/feed http://column.ibeifeng.com/ibeifeng/20100618381.shtml http://column.ibeifeng.com/ibeifeng/20100618381.shtml#comments Fri, 18 Jun 2010 15:51:21 +0000 北风 http://column.ibeifeng.com/?p=381 使用Android/OPhone中的HttpUrlConnection，有个地方需要注意一下，就是如果你的程序中有跳转，并且跳转有外部域名的跳转，那么非常容易超时并抛出域名无法解析的异常(Host Unresolved)，建议做跳转处理的时候不要使用它自带的方法设置成为自动跟随跳转，最好自己做处理，以便防止莫名其妙的异常。这个问题模拟器上面看不出来，真机上面能看出来。

专注移动开发
Android, Windows Mobile, iPhone, J2ME, BlackBerry, Symbian

]]> http://column.ibeifeng.com/ibeifeng/20100618381.shtml/feed