c1menu+c1Tabs

rijun · rijun

回复 9楼Alice的帖子

这是我写的代码，没有效果，麻烦看看！
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="tabs.aspx.cs" Inherits="WebApplication1.tabs" %>
<%@ Register assembly="C1.Web.Wijmo.Controls.4" namespace="C1.Web.Wijmo.Controls.C1Tabs" tagprefix="wijmo" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script language="javascript" type="text/javascript">
   $('mainTabs').find("ul li").append('<span class="ui-icon ui-icon-close">Remove Tab</span>');
      var $tab_title_input = "测试标签1",
         $tab_content_input = "no",
         tab_counter = 2;

      var $tabs = $('mainTabs').c1tabs({
         tabTemplate: '<li><a href="#{href}">#{label}</a> <span class="ui-icon ui-icon-close">Remove Tab</span></li>',
         add: function (event, ui) {
            alert(event);
            var tab_content = $tab_content_input.val() || 'Tab ' + tab_counter + ' content.';
            $(ui.panel).append('<p>' + tab_content + '</p>');
         }
      });

      $('mainTabs').on('click', 'span.ui-icon-close', function () {
         var index = $('li', $tabs).index($(this).parent());
         $tabs.c1tabs('remove', index);
      });
      function addtabs() {
         var tab_title = $tab_title_input.val() || 'Tab ' + tab_counter;
         $tabs.c1tabs('add', '#tabs-' + tab_counter, tab_title);
         tab_counter++;

         $tab_title_input.val("");
         $tab_content_input.val("");

         $(this).c1dialog("close");
      }

      function cancelClick() {
         $(this).c1dialog("close");
      }
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
      <wijmo:C1Tabs ID="mainTabs" runat="server" style="">
         <

ages>
            <wijmo:C1TabPage ID="mainTabs_2" runat="server" StaticKey="" Text="测试标签">
            </wijmo:C1TabPage>
         </Pages>
      </wijmo:C1Tabs>
      <input id="add" type="button" value="add" onclick="addtabs()" />
</div>
</form>
</body>
</html>
我运行以后应该是报错了，如下图

这个是按照示例写的，请问应该怎么写？

Alice · Alice

回复 10楼rijun的帖子

将9楼的代码中的ID名字改成您的代码中的mainTabs。

<script id="scriptInit" type="text/javascript">
function addtabs() {
var $tabs = $('#<%=mainTabs.ClientID%>').c1tabs({
});
$tabs.c1tabs('add', '#tabs-1' , 'test');
}
</script>

复制代码

'test'就是标题。

rijun · rijun

回复 12楼Alice的帖子

报错了

麻烦在看下11楼的代码，我编辑了下

Alice · Alice

回复 11楼rijun的帖子

谢谢反馈。
如果您是复制6楼在线示例的代码，请将代码全部复制，不要复制个别，导致某些项目没有而出错。

下面是我制作的简单的添加标签的例子，请参考：

代码如下：

<wijmo:C1Tabs ID="C1Tab1" runat="server">
</wijmo:C1Tabs>
<input type="button" value="添加标签" id="add_tab" onclick="addtabs()" />
</asp:Content>
<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
<script id="scriptInit" type="text/javascript">
function addtabs() {
var $tabs = $('#<%=C1Tab1.ClientID%>').c1tabs({
});
$tabs.c1tabs('add', '#tabs-1' , 'test');
}
</script>

复制代码

rijun · rijun

回复 14楼Alice的帖子

万分感谢，现在能添加和移除了~~

Alice · Alice

回复 15楼rijun的帖子

好的。
非常感谢您的反馈。
此问题关闭，如果有新问题请开新帖。
为了给你提供更优质的服务，请对本次服务进行评分。我们会认真对待你提出的宝贵意见，谢谢

rijun · rijun

回复 16楼Alice的帖子

hi Alice
在追加一个问题，就是标签上的x可以在右上角吗？如下图，影响美观啊~~~~

可以的话怎么修改的？

Alice · Alice

回复 17楼rijun的帖子

请参考另一个帖子的回复：
http://gcdn.gcpowertools.com.cn/showtopic-19515.html

		自动登录	找回密码
密码			立即注册

[已处理] c1menu+c1Tabs

本帖子中包含更多资源

本帖子中包含更多资源

本帖子中包含更多资源

评分

本帖子中包含更多资源

活字格认证

微信认证勋章

元老葡萄