sample.js

java extjs开发的一个登陆项目

Ext.onReady(function(){
//	Ext.BLANK_IMAGE_URL = "../scripts/ext/resources/images/default/s.gif";
////	Ext.Msg.alert("提示","is ok????");
//	var menu = new Ext.menu.Menu({
//		minWidth:200,
//		items:[{
//			text:"first",
//			handler:function(){Ext.Msg.alert("出提示框","hi~~~~~~~~~~~~~~");}
//		},"-",{
//			text:"second",
//			icon:"hmenu-desc.gif",
//			handler:function(){Ext.Msg.alert("出提示框","hi~~~~~~~~~~~~~~");}
//		},"-",
//		{
//			text:"third",
//			icon:"hmenu-asc.gif",
//			handler:function(){Ext.Msg.alert("出提示框","hi~~~~~~~~~~~~~~");}
//		}]
//	});
//	var el = Ext.get("menu_test");
//	el.on("contextmenu",function(e){
//		e.stopEvent();
//		menu.show(el);
//	});
//	
	
	
//	var colorMenu = new Ext.menu.ColorMenu();
//	colorMenu.on("select",function(palette,color){
//		Ext.Msg.alert("选择的颜色",color);
//	});
//	Ext.getDoc().on("contextmenu",function(e){
//		e.stopEvent();
//		colorMenu.showAt(e.getXY());
//	});
	
	Date.patterns = {
	    ISO8601Long:"Y-m-d H:i:s",
	    ISO8601Short:"Y-m-d",
	    ShortDate: "n/j/Y",
	    LongDate: "l, F d, Y",
	    FullDateTime: "l, F d, Y g:i:s A",
	    MonthDay: "F d",
	    ShortTime: "g:i A",
	    LongTime: "g:i:s A",
	    SortableDateTime: "Y-m-d\\TH:i:s",
	    UniversalSortableDateTime: "Y-m-d H:i:sO",
	    YearMonth: "F, Y"
	};
	var dateMenu = new Ext.menu.DateMenu();
	dateMenu.on("select",function(picker,date){
		Ext.Msg.alert("选择的日期",date.format(Date.patterns.ShortDate));
	});
//	Ext.getDoc().on("contextmenu",function(e){
//		e.stopEvent();
//		dateMenu.showAt(e.getXY());
//	});
	
//	var menu = new Ext.menu.Menu({
//		items:[{text:"第一个选项"},"-",{text:"选择日期",menu:{items:[{text:"子菜单"}]}},{text:"选择颜色",menu:new Ext.menu.ColorMenu()}]
//	});

	var titem = new Ext.menu.TextItem("文本选项");
	var t2item = new Ext.menu.TextItem("文本选项");
	var sitem = new Ext.menu.Separator();
	
	
	var citem = new Ext.menu.CheckItem({text:"hello",checked:true,group:"ci"});
	var citem1 = new Ext.menu.CheckItem({text:"hello",checked:true,group:"ci"});
	var citem2 = new Ext.menu.CheckItem({text:"hello",checked:true,group:"ci"});
	var citem3 = new Ext.menu.CheckItem({text:"hello",checked:true,group:"ci"});
	
	var checkMenu = new Ext.menu.Menu([citem,citem1,citem2,citem3]);
	var item = new Ext.menu.Item({text:"我要个选项组",menu:checkMenu});
	var menu = new Ext.menu.Menu({
		items:[item,new Ext.menu.Separator()]
	});
	Ext.getDoc().on("contextmenu",function(e){
		e.stopEvent();
		menu.showAt(e.getXY());
	});
})