标签: javascriptmvc

我有兴趣学习JavaScriptMVC.我已经阅读了"入门"和一些官方文档,但我通过查看其他人的代码来学习.我没有找到使用它的教程或示例/开源应用程序的其他方法.

任何人都知道好的教程或开源应用程序我可以看看它是如何在更复杂的应用程序中使用的？

PS:我知道Srchr教程,但是工作中的代理阻止我使用getjs获取代码.有什么地方可以从网上下载吗？如果没有,我会在本周末在家里抓住它.

任何人都有机会使用ASP.NET MVC的JavaScript MVC框架？

基本上我寻找建议如果可能的方式一起使用它们,我的asp.net MVC应用程序我无法摆脱但我会喜欢使用某种关注javascript/Jquery ...

有人用过这样的东西吗？我试图将2组合在一起,因为asp.net mvc提供的VIEWS也许2会不兼容....

或者为javascript使用一个OOP扩展框架会更好吗？如果是这样的话......任何人都知道一个与asp.net mvc并行工作的好的吗？

问题

在我的工作场所,我们正在努力寻找为几乎完全由javascript驱动的Intranet应用程序创建自动化测试的最佳方法.现在我们一直试图找到一个很好的权衡:

• 应用程序代码在可重用和可嵌套的GUI组件中.
• 测试团队可以轻松创建的测试
• 测试可以记录一次然后自动化
• 在小型化妆品改变现场后不会破坏的测试

从Selenium-IDE天真地生成的XPath表达式(或其他可能的表达式,如jQuery选择器)通常是不可重复的并且非常脆弱.相反,让JS代码为页面上的每个重要DOM元素生成特殊的唯一ID值...好吧,这是它自己的头痛,复杂的可重用GUI组件和ID需要在测试重新进行时保持一致跑.

其他人对这种事情有什么成功？如何对丰富的JS接口进行自动化应用程序级测试？

限制

• 我们正在使用JavascriptMVC 2.0,希望很快3.0,以便我们可以升级到jQuery 1.4.x.
• 测试人员大多受过训练,使用Selenium IDE直接记录事物.
• 测试主管更喜欢页面上每个可点击元素的页面唯一HTML ID ...
• 训练测试人员编写或更改特殊表达式(例如告诉他们哪些HTML类名称是重要的分支点)是不行的.
• 我们尝试制作可重用的javascript组件,但这意味着很少有GUI组件可以将自己(或它们包含的内容)视为唯一.
• 我们的一些组件已在其操作中使用HTML ID值.无论如何,我想避免这样做,但它使基于ID的测试的想法复杂化.
• 可以向Selenium-IDE安装测试人员使用添加自定义工具(如定位器构建器或新定位器方法).
• 从传统的浏览器角度来看,几乎所有发生的事情都发生在单个"页面加载"中,即使项目被保存也是如此

目前的想法

我正在考虑一个系统,其中Selenium-IDE的自定义定位器构建器(javascript代码)将与测试人员正在录制的应用程序代码进行通信.通过这种方式,我们的应用程序成为为任何给定DOM元素生成大多数灵活的表达式(XPath或jQuery)的部分责任.虽然这可以避免对测试人员进行更多的培训,但我担心这可能是过度思考的事情.

我有一个主应用程序视图,标题中有一个过滤器菜单.点击后,我想在单独的新闻Feed视图中过滤内容.但我不知道如何将事件(并传递类数据)从一个视图中的点击绑定到另一个视图中的函数.

我怎么能做到这一点？

我正在尝试在Backbone 0.9.10中设置路由.我想匹配以下类型的路线:

/england/
/england/birmingham
/france
/france/paris
... 

这就是我目前在路由器中拥有的内容:

var AppRouter = Backbone.Router.extend({
  routes: {
    "": "index",
    "(/:country)": "index",
    "(/:country)(/:city)": "index"
  },
  index: function(country, city) { 
      console.log('index', country, city);
  }
});
var StateApp = new AppRouter();
Backbone.history.start({ pushState: true });

我有两个问题:

1. "索引"功能目前根本没有触发,无论我转到的网址是什么/,/england或者其他什么.
2. 我也不清楚可选参数是否会按照我设置的方式工作 - 是否可以在这样的行中有两个可选参数？我不知道我还需要支持多少个国家,所以我确实希望country参数是一个参数,而不是指定各个国家.

如果可能的话,我宁愿使用正确的URL路由而不是正则表达式解析.

我正在学习JavascriptMVC并且我在终端中运行以下命令,我从这里得到:

./js jquery/generate/app cookbook

我是命令行的新手.我所有的谷歌搜索都没有任何结果.我想我错过了某种配置或什么？

USECASE:我从一个涉及大量客户端脚本的项目开始.它类似于一个迷你CMS,用户可以拖放 html组件.有点类似于此.现在我处于这样一种情况,我必须选择一个MVC框架来定义用户将要处理的组件.(执行拖动,调整大小,删除等操作)
现在 我面临的问题是,在选择框架时很容易学习和实现.我有javascript和jquery的基本知识,并且已经使用了一段时间,但没有使用MVC的经验.
我在过去2天的研究表明,backbone.js很适合开始,但我希望对处理html组件和DOM元素的灵活性提出意见/建议.如何存储HTML组件的初始内容？(外盒)和结构).
另外,我如何处理相同类型的多个组件？动态生成Id是一个选项,但是使用动态ID管理多个元素很困难.是否可以处理它们的任何其他方式？
哪个框架可以轻松处理这些组件上的事件？
谢谢你的时间

所以在过去的几周里，我对 Javascript MVC 非常熟悉。现在我正在学习如何对后端进行编程（特别是使用 asp.net MVC 的实现）。我正在学习剃刀的视图引擎等。

我在阅读示例和教程时遇到的一个学习障碍是，我在想“好吧..我不能在前端使用 javascriptMVC 来完成大部分逻辑吗”，如果我需要与数据库交谈，我可以只使用 JSON 调用。后端编码肯定有一些价值，但现在我没有看到它（希望解决这个问题）。

这是所有js的默认值

getEditor: function(){
    $( '#datatableEditor' ).remove();
    var editor = $( '<div id="datatableEditor" class="popupEditor"/>' );
    $( 'body' ).prepend( editor );

    var dialog = $(editor).dialog({
        title: 'Edit item',
        modal: true,
        width: 'auto',
        height: 'auto'
    });

现在我正在写另一个js.我需要覆盖getEditor我的js ...

我正在玩AngularJS.我正在使用控制器和templateUrl来自动完成任务:)目前布局只有<div ng-view></div>指令,所有的东西都加载到其中.

我想打开模态(Bootstrap或jQuery UI,无所谓)并在那里加载(在模态体内)由给定链接指定的控制器.

就像我的主要内部的每个链接"打开"(加载模板并完成所有DOM编译和链接)ng-view一样,我想要在模态中打开一些链接.

我已经检查了AngularStrap和Angular-UI Bootstrap提供的内容,它们都没有我想要的东西.

AngularStrap可以获取新的部分模板,但不执行新的控制器.

是否有任何解决方案/片段在Modal/Dialog中执行第二个控制器？

想象一下以下情况.我有一个绝对定位的侧边栏,然后在侧边栏中放置了一些更多的东西.在那个侧边栏我有一个按钮,显示一个菜单,模板看起来像这样:

<button>Click me</button>
{{#if shouldDisplayMenu}}
    {{view App.MyMenu}}
{{/if}}

我喜欢这个解决方案并希望保留的是模板中的菜单是在按钮旁边定义的,因此具有良好的可维护性.

问题是我希望菜单相对于视口定位,即渲染到document.body并使用position绝对定位.这样它将呈现到侧边栏并导致滚动条可见,因为我已经通过其中一个父元素中的位置相对重置了定位上下文.

有没有什么办法可以防止{{视图App.MyMenu}}这里现在是,但它使身体(可能使用插座或其他一些机制)？这种情况的推荐模式是什么？

我一直在比较js mvc,并注意到很多人都在吹嘘canjs所做的"活动绑定".有人可以解释它究竟是什么以及它与其他流行的mvc(如backbonejs,spine等)相比有何帮助......

现在我们在调用DataService(Parse)的控制器中遇到一个问题,问题是这段代码不起作用:

    function MainCtrl($scope, DataService, $location)
{

    $scope.actionList = function() {

            // Call the service and fetch the list of signatures that match the given action ID
            DataService.getActions(function (results) {
                $scope.$apply(function () {
                    // Apply the results to the signatureList model so it will refresh the table in the view
                    $scope.actionList = results;
                });
            });

    };
}

我在DataService行中设置了一个断点,但它没有被击中,但是如果我以这种方式实现Ctrl它会接到调用并且它可以工作!!:

function MainCtrl($scope, DataService, $location)
{            

                // Call the service and fetch the list of signatures that match the given action ID
                DataService.getActions(function (results) …