JavaScript

mapabc 添加定制点 demo

var mapObj=null;
function  mapInit() {
	var mapoption = new MMapOptions();
	mapoption.toolbar = MConstants.ROUND; //设置地图初始化工具条,ROUND:新版圆工具条
	mapoption.overviewMap = MConstants.SHOW; //设置鹰眼地图的状态,SHOW:显示,HIDE:隐藏(默认)
	mapoption.scale = MConstants.SHOW; //设置地图初始化比例尺状态,SHOW:显示(默认),HIDE:隐藏。
	mapoption.zoom = 13;//要加载的地图的缩放级别
	mapoption.center = new MLngLat(116.397428,39.90923);//要加载的地图的中心点经纬度坐标
	mapoption.language = MConstants.MAP_CN;//设置地图类型,MAP_CN:中文地图(默认),MAP_EN:英文地图
	mapoption.fullScreenButton = MConstants.SHOW;//设置是否显示全屏按钮,SHOW:显示(默认),HIDE:隐藏
	mapoption.centerCross = MConstants.SHOW;//设置是否在地图上显示中心十字,SHOW:显示(默认),HIDE:隐藏
	mapoption.toolbarPos=new MPoint(20,20); //设置工具条在地图上的显示位置
	mapObj = new MMap("map", mapoption); //地图初始化
}
function MAddcustomPoint(){ 更多 >

js动态获取字符串在div(或span)里面显示的像素长度

//Auto Set Control With
var objSpan = document.createElement("span");
objSpan.innerHTML = "this is test text width in the web!";
document.body.appendChild(objSpan);
alert(objSpan.scrollWidth )

mysql 在 ubuntu service 开启远程服务

#登陆mysql
ray@ubuntu:~/appfood$ mysql -u root -p
Enter password:
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 46
Server version: 5.1.41-3ubuntu12.10 (Ubuntu)

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql> create database 'market'
    -> ;
ERROR 1064 (42000): 更多 >

telnet ubuntu server 中文乱码问题

乱码情况如图:

使用软件putty解决  下载地址

配置如下: 选择utf-8登陆就行了

Ext Panel宽度自动 改变tab宽度

在初始化tab时候会固定宽度,如果用了autoWidth也会有以下问题,打开不同panel宽度都还是一样

设置:

//在ext-all.js找到以下代码:
setActiveTab:function(c){c=this.getComponent(c);if(this.fireEvent("beforetabchange",this,c,this.activeTab)===false){return}if(!this.rendered){this.activeTab=c;return}if(this.activeTab!=c){if(this.activeTab){var a=this.getTabEl(this.activeTab);if(a){Ext.fly(a).removeClass("x-tab-strip-active")}}this.activeTab=c;if(c){var b=this.getTabEl(c);Ext.fly(b).addClass("x-tab-strip-active");this.stack.add(c);this.layout.setActiveItem(c);this.delegateUpdates();if(this.scrolling){this.scrollToTab(c,this.animScroll)}}this.fireEvent("tabchange",this,c)};GetExtPanelWidth(c.id);}
//在最后添加方法GetExtPanelWidth(c.id); c为将要激活的panel

//当激活tab里面panel的时候改变tab宽度
function GetExtPanelWidth(extpanelid)
{
	//取得pannel里面ifream的ID
	var ifreamid = extpanelid.split('_')[0];
	FrameChange(ifreamid);
}

//这里仅仅使用于IE6.0+ 系列 其他浏览器在 if (document.getElementById)里面重新判断
function FrameChange(ifreamid)
{
	//要根据panel Iframe里面的宽度自动改变tab的宽度
	var xunzou;
	if(ifreamid!=null&&ifreamid!= "undefined")
	{
		xunzou=document.getElementById(ifreamid);//iframe id
	}
	else
	{
		xunzou=document.getElementById("ifrIndex1");
	}

	//仅使用于IE6.0+ 系列 其他浏览器可以在这里面判断
	if (document.getElementById)
	{
		//如果tab的panel里面的iframe页面高度小于600 默认为600 否则自动适应高度
		if(xunzou.Document.body.scrollHeight tabs.getActiveTab().getWidth()) 更多 >

Ext 弹出框 window 使用iframe 显示其他网页内容

//创建新的一个弹出框
function CreateDocumentInfoWindow(id,title,url) {
	var win;
	var button = Ext.get(id);
	button.on('click', function ()
	{
		if (!win)
		{
		win = new Ext.Window({
			title:title+' 的明细信息',
			layout: 'fit',
			width: 650,
			height: 240,
			closeAction: 'hide',
			plain: true,
			maximizable: true,
			minimizable: true,
			contentEl: Ext.DomHelper.append(document.body, {
				tag: 'iframe',
				style: "border 0px none;scrollbar:true;padding:0;",
				src: url,
				height: '100%', 更多 >

把 HTML Table(DataGrid或Dataview) 转化为EXT JS Grid

为了让datagrid强大不得不引用了extjs,但是普通的datagrid没法直接转化 需要修改点代码

/*
 需要用的javascript和css
 ext-all.css
 ext-base.js
 ext-all.js
 TableGrid.js 见下方代码
*/

//加载页面数据提示框
parent.Ext.MessageBox.show({
	animEl:"loadingData",
	width : 150,
	height:80,
	msg:'



数据载入中...



',
	closable:true
});

//把Grid转化为Ext Grid视图
Ext.onReady(function(){

	var grid = new Ext.ux.grid.TableGrid("dgDetails", {
		stripeRows: true
	});

	if(grid.render())
	{
		parent.Ext.MessageBox.hide();
	}

});

//把datagrid转化后的table添加thead标签 用来转化为ext.grid所用
function AddTHEAD(tableName)
{
	var table = document.getElementById(tableName);
	if(table != null) 更多 >

ExtJs Grid 分页样式

JS控制的地方  我这里强制输入了 宽高的参数 60 40

效果如下

网页 手写输入

兼容的IFREAM 解决iframeObject.Document为NULL情况

//调整IFREAM高度
	function FrameChange(ifreamid){
		var aiiceIframe;
		if(ifreamid!=null&&ifreamid!= "undefined")
		{
			aiiceIframe=document.getElementById(ifreamid);  //iframe id
		}
		else
		{
			aiiceIframe=document.getElementById("ifrIndex1");
		}
		if (document.getElementById)
		{
			if (aiiceIframe&& !window.opera){
				if (aiiceIframe.contentDocument && xunzou.contentDocument.body.offsetHeight){
					aiiceIframe.height = xunzou.contentDocument.body.offsetHeight;
				}
				else if(aiiceIframe.Document && xunzou.Document.body.scrollHeight){
					aiiceIframe.height = xunzou.Document.body.scrollHeight;
				}
				else
				{
                                        //由于本人很懒 把这步放到上面的else if便可 同样自动宽度原理一样
					aiiceIframe.height = xunzou.contentWindow.document.documentElement.scrollHeight;
				}
			}
		} 更多 >