⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 customize_dropdown.aspx

📁 C#asp.net 外国最好的HTML在线编辑组件
💻 ASPX
字号:
🔍 
<%@ Register TagPrefix="CE" Namespace="CuteEditor" Assembly="CuteEditor" %>
<%@ Page language="c#"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
	<HEAD>
		<title>How to dynamically populate the dropdown menu?</title>
		<meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
		<meta name="CODE_LANGUAGE" Content="C#">
		<meta name="vs_defaultClientScript" content="JavaScript">
		<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
		<link rel="stylesheet" href="../../example.css" type="text/css" />
	</HEAD>
	<body MS_POSITIONING="FlowLayout">
		<form id="Form1" method="post" runat="server">
			<h2>How to dynamically populate the dropdown menu?</h2> <hr>
			<br />
			<h4>Populate the Css class dropdown menu</h4>
			<CE:EDITOR id="Editor1" Autoconfigure="Simple" runat="server"></CE:EDITOR>
			<hr>
			<h4>Add new dropdown menu</h4>
			<CE:EDITOR id="Editor2" Autoconfigure="Minimal" runat="server"></CE:EDITOR>
		</form>
	</body>
</HTML>


<script runat="server">
	void Page_Load(object sender, System.EventArgs e)
	{
		//Editor1 - Change the existing dropdowns

		if(!IsPostBack)
		{
			//see the AutoConfigure/Full.config
			//<item type="dropdown" name="CssClass" RenderItemBorder="true" text="[[CssClass]]" command="CssClass" />
			if(Editor1.ToolControls["CssClass"]!=null)
			{
				CuteEditor.RichDropDownList dropdown=(CuteEditor.RichDropDownList)Editor1.ToolControls["CssClass"].Control;
			
				//the first item is just the caption
				CuteEditor.RichListItem richitem=dropdown.Items[0];

				//clear the items from configuration files
				//see Configuration/Shared/Common.config
				dropdown.Items.Clear();

				//add the caption - CssClass
				dropdown.Items.Add(richitem);

				//add value only
				dropdown.Items.Add("class1");

				//add text and value
				dropdown.Items.Add("myclass2","class2");

				//Add html and text and value
				dropdown.Items.Add("<span style='color: green; font-weight: bold;'>Bold Green Text</font>","Bold Green Text","BoldGreen");
			}
		}

		//Editor2 - Add new dropdowns

		//see the AutoConfigure/Full.config
		//<item type="holder" name="insertcustombutonhere" />
		if(Editor2.ToolControls["insertcustombutonhere"]!=null)
		{
			Control container=Editor2.ToolControls["insertcustombutonhere"].Control;

			CuteEditor.RichDropDownList dropdown=new CuteEditor.RichDropDownList(Editor2);

			//set the onchange statement
			//use the CuteEditor_DropDownCommand => editor.ExecCommand('InsertLink',false,ddl.value)
			dropdown.Attributes["onchange"]="CuteEditor_DropDownCommand(this,'InsertLink')";

			//must set this css name
			dropdown.CssClass="CuteEditorDropDown";

			//add the first item (caption)
			//the culture-text would be auto replaced..
			dropdown.Items.Add("[[Links]]","");
			
			//hide the first item (caption) in the float-panel
			dropdown.RichHideFirstItem=true;
			
			//add the items here every times
			dropdown.Items.Add("http://www.asp.net/");

			//add - !!!
			//if the statements put before Controls.Add , the statements must be executed every time
			container.Controls.Add(dropdown);
			//if the statements put after Controls.Add the statements could be executed only the first time

			//or add items here if(!IsPostBack)
			if(!IsPostBack)
			{
				dropdown.Items.Add("Microsoft","http://www.microsoft.com/");
				dropdown.Items.Add("<font color=red>CuteSoft</font>","*CuteSoft*","http://www.cutesoft.net/");
			}
		}
	}

</script>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -